alt vacío e imagen decorativa oculta

Para las imágenes decorativas, lo correcto es un alt vacío: escriba alt igual a dos comillas sin nada dentro.

Un alt vacío marca la imagen como decorativa, por lo que los lectores de pantalla la omiten por completo y nunca la anuncian.

Un alt vacío y un alt ausente son completamente distintos. Vacío significa «omítame» de forma intencionada; ausente significa que el autor lo olvidó.

Sin ningún alt, muchos lectores de pantalla recurren a leer en voz alta el nombre del archivo, como IMG guion bajo 4823 punto jpg.

La regla es sencilla: todo elemento img necesita un atributo alt. La única cuestión es si está vacío o contiene texto.

Los espacios visuales, las líneas y los divisores no tienen significado, así que son casos de manual para un alt vacío.

No ponga un espacio entre las comillas. Un alt realmente vacío no contiene nada, ni siquiera un solo espacio.

Si una imagen es verdaderamente decorativa, a menudo la solución más limpia es una imagen de fondo CSS, que el árbol de accesibilidad ignora por completo.

También puede ocultar un gráfico decorativo estableciendo aria-hidden en true, algo habitual en iconos SVG insertados junto a texto visible.

Tenga cuidado: nunca use un alt vacío ni aria-hidden en una imagen informativa, o la eliminará silenciosamente para algunas personas.

Si una imagen decorativa está dentro de un enlace, el enlace sigue necesitando texto accesible en algún lugar; de lo contrario, no tendrá nombre.

¡Bien hecho! El alt vacío oculta intencionadamente la decoración, la ausencia de alt es un error, y aria-hidden o los fondos CSS también mantienen los adornos en silencio.