Los elementos con role='img' deben tener un texto alternativo

Garantiza que los componentes con la etiqueta role="img" tengan un texto alternativo.

Incluso si una imagen simplemente contiene texto, los lectores de pantalla no pueden convertirla en palabras que el usuario pueda escuchar. Como resultado, el lenguaje alternativo para las imágenes debe ser breve, descriptivo y fácilmente comprensible para que los usuarios de lectores de pantalla puedan entender el contenido de la imagen y su aplicación prevista.

Sin una alternativa de texto accesible que los lectores de pantalla puedan traducir a sonido o braille, toda la información visual, incluidas las imágenes, es completamente inútil si no puedes ver. El texto alternativo accesible también es necesario en diversos grados para personas con baja visión o problemas de daltonismo.

Si una imagen no tiene una alternativa de texto que sea accesible, los lectores de pantalla no pueden traducir la información de la imagen a voz o braille.

Qué verifica esta regla de accesibilidad

Los elementos con el valor de propiedad role="img" deben tener además marcado que especifique texto alternativo accesible para la imagen.

Learn more:

Deque Reference

Deque University - How To Fix

→

W3C Reference

WCAG 2.1 - Failure of Success Criterion 1.1.1 due to omitting the alt attribute or text alternative on img elements, area elements, and input elements of type 'image'

→

W3C Reference

WCAG 2.1 - Using alt attributes on img elements

→

W3C Reference

WCAG 2.1 - Using null alt text and no title attribute on img elements

→

W3C Reference

WCAG 2.1 - Using aria-labelledby to provide a text alternative for non-text content

→