Cursos de seo

aria-oculta

A veces, cuando creamos formularios, necesitamos utilizar casillas de verificación y botones de radio para recoger las preferencias del usuario, la aceptación de las condiciones o los datos demográficos. Los elementos de entrada HTML como las casillas de verificación o los botones de radio tienen una apariencia por defecto. Si quieres alterar la apariencia en algo, puedes usar CSS para personalizar la apariencia a tu gusto. Este artículo le mostrará un ejemplo de cómo personalizar una casilla de verificación y una entrada de radio para su formulario o página web.
Nuestro contenedor principal para una casilla de verificación/botón de radio será el elemento HTML label. Dentro de esa etiqueta, tendremos un elemento input con su tipo apropiado y un elemento span que mostrará si el elemento ha sido seleccionado o no.
El segundo conjunto son las casillas de verificación. Las casillas de verificación se utilizan cuando los usuarios pueden seleccionar varias opciones si lo desean de una selección de opciones. También se utilizan en los puntos en los que un usuario sólo tiene que estar de acuerdo/desacuerdo o sí/no a algo.
” MÁS:    ¿Qué es la pseudoclase CSS :First-of-Type? Estos elementos HTML tienen una apariencia predeterminada. Sin embargo, si quieres personalizarlos, puedes hacerlo. Puedes usar CSS para ajustar el estilo:

accesibilidad de las fuentes

La etiqueta HTML <span> permite aplicar estilos a una parte de una página web o a un párrafo. A menudo se utiliza para estilizar el texto de un párrafo, por ejemplo, cambiando el color de una palabra. La etiqueta <span> no tiene estilos por defecto.
Cuando programes en HTML, puede que decidas que quieres dar estilo a algo específico en tu página web. Por ejemplo, puede querer enfatizar una determinada palabra en una frase o un enlace específico en una lista de enlaces.
Ahí es donde entra en juego la etiqueta HTML <span>. <span> es un contenedor genérico en línea que permite frasear el contenido de un documento web. La etiqueta <span> se utiliza comúnmente para fines de estilo, especialmente para el estilo de texto.
La etiqueta HTML <span> manipula parte de una página web. A menudo se utiliza dentro de un elemento <p> para aplicar estilos a una parte específica de un párrafo. Por ejemplo, se puede utilizar <span> para cambiar el color de una palabra en un párrafo.
La etiqueta <span> se utiliza a menudo con CSS para aplicar un determinado estilo a un elemento o elementos específicos de una página web. <span> facilita la aplicación de un estilo determinado a varios elementos de una página web a la vez.

aria-hidden svg

Problemas de accesibilidadLa presencia del elemento mark no es anunciada por la mayoría de las tecnologías de lectura de pantalla en su configuración por defecto. Se puede hacer que se anuncie utilizando la propiedad content de CSS, junto con los pseudoelementos ::before y ::after.
Algunas personas que utilizan lectores de pantalla deshabilitan deliberadamente el anuncio del contenido que crea verbosidad adicional. Por ello, es importante no abusar de esta técnica y aplicarla sólo en situaciones en las que no saber que el contenido ha sido resaltado afectaría negativamente a la comprensión.

rellene los espacios en blanco para añadir mi svg a la página src mi anchura 300px alt

Algunas versiones de las tecnologías de asistencia anunciarán el contenido generado por CSS, así como fuentes de iconos específicas. El anuncio puede ser redundante, inexacto y/o sin sentido. Por eso se utiliza aria-hidden=”true”.
“Las fuentes de iconos son vectores, representados al tamaño establecido por el CSS. Se escalan como lo haría un gráfico vectorial, generando una imagen clara sin importar el tamaño de la pantalla o la resolución. Aunque al principio los desarrolladores se mostraron un poco reacios a subirse al carro de esta tendencia, rápidamente se están dando cuenta del valor que ofrecen las fuentes de iconos a la hora de crear sitios que cumplan los estándares cada vez más exigentes de la industria del diseño. Su mayor flexibilidad en el diseño y el ajuste permite a los diseñadores ilustrar plenamente los puntos del sitio sin interrumpir las funciones de las que los equipos de desarrollo y SEO tendrán que ocuparse más tarde”. – Cosette Jarrett
“Las fuentes de iconos son simplemente fuentes. Sin embargo, en lugar de contener letras o números, contienen símbolos y glifos. Se pueden estilizar con CSS de la misma manera que se estiliza el texto normal, lo que las ha convertido en una opción popular en la web.” – George Martsoukos

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad