img attribute atributos html accessibility alt-attribute

html - attribute - img src css



¿Alt="" es apropiado en algunas situaciones para html img tag? (3)

Tenemos un proyecto que trata sobre el cumplimiento de la accesibilidad web. Aproximadamente una semana después del lanzamiento, tenemos el comité de accesibilidad que revisa nuestro sitio para dar el visto bueno final. Sin embargo, nos informaron que deberíamos establecer alt = "" en algunos de nuestros íconos porque no proporcionan ningún contenido adicional al sitio y, por lo tanto, solo distraen a un lector de pantalla, pero no brindan ningún beneficio.

  1. ¿Es esto correcto?
  2. Estaba bajo la impresión de que alt era un atributo requerido de img? Seguro que alt = "" en una etiqueta img incluiría el atributo alt, pero ¿es esto válido?

Se agradecen los comentarios.



El atributo alt siempre es obligatorio si desea que su código pase la validación, sin embargo, no es necesario que el atributo alt tenga un valor.

Si está utilizando imágenes para la decoración de la página (por ejemplo, esquinas redondeadas o sombras para los navegadores que no admiten CSS3), estas imágenes deben estar en el CSS en lugar de dentro de las etiquetas <img> en el html. Sin embargo, hay casos en los que puede tener imágenes que deberían incluirse como imágenes reales en el html, aunque no haya una manera significativa de describirlas para el software de lectura de pantalla. En este caso, w3.org dice que está bien usar alt="" . 1

1: 1


Si los iconos proporcionan alguna funcionalidad (que el usuario pueda hacer clic o algo así), recomiendo establecer un valor alt descriptivo. Si son solo decorativos, entonces alt="" es válido.

De la norma :

Si bien el texto alternativo puede ser muy útil, debe manejarse con cuidado. Los autores deben observar las siguientes pautas:

  • No especifique texto alternativo irrelevante cuando incluir imágenes destinadas a dar formato a una página, por ejemplo, alt = "bola roja" sería inadecuado para una imagen que agrega una bola roja para decorar un encabezado o párrafo. En tales casos, el texto alternativo debe ser la cadena vacía (""). En cualquier caso, se recomienda a los autores que eviten utilizar imágenes para dar formato a las páginas; hojas de estilo deben utilizarse en su lugar.
  • No especifique texto alternativo sin sentido (por ejemplo, "texto ficticio"). Esto no solo frustrará a los usuarios, sino que ralentizará los agentes de usuario que deben convertir el texto en voz o en la salida en braille.