Los elementos de la imagen no tienen atributos "[alt]".

Los elementos informativos deben tener un texto alternativo corto y descriptivo. Los elementos decorativos se pueden ignorar con un atributo vacío alt.

Cómo falla la auditoría del texto alternativo para imágenes de Lighthouse #

Lighthouse marca los elementos <img> que no tienen atributos alt:

Cómo agregar texto alternativo a las imágenes #

Proporcione un atributo alt para cada elemento <img>. Si la imagen no se carga, el alt text o texto alternativo se utiliza como marcador de posición para que los usuarios tengan una idea de lo que la imagen trataba de transmitir. (Consulte también Cómo incluir alternativas de texto para imágenes y objetos).

La mayoría de las imágenes deben tener un texto breve y descriptivo:

<img alt="Audits set-up in Chrome DevTools" src="...">

Si la imagen actúa como decoración y no proporciona ningún contenido útil, asigne un atributo alt="" para eliminarla del árbol de accesibilidad.

<img src="background.png" alt="">

Consejos para escribir un alt text eficaz #

• El alt text debe dar la intención, el propósito y el significado de la imagen.
• Los usuarios con problemas visuales deben obtener tanta información del texto alternativo como un usuario normal la obtendría de la imagen.
• Evite palabras imprecisas como "tabla", "imagen" o "diagrama".

Obtenga más información en la guía de WebAIM sobre texto alternativo .

Recursos #

• El código fuente para los elementos de la imagen no tiene atributos [alt] de auditoría
• Las imágenes deben tener texto alternativo (Deque University)