1.1.1-K. Imágenes decorativas
- Nivel:A
- Versión:2.2
- Principio:1. Perceptible
- Pauta:1.1 Textos alternativos
- Categoría:Contenido
- Subcategoría:No-texto
Usuarios más afectados
Personas con baja visión - Barera moderada
-
Personas con discapacidad cognitiva – Barrera leve
Descripción y comprensión del criterio
Descripción resumida
Las imágenes decorativas no deben ser leídas por los lectores de pantalla.
Para ello, usa alt="" o insértalas con CSS.
Objetivo
Reducir distracciones y ruido visual o auditivo innecesario.
Importancia de cumplir el criterio
Si un lector de pantalla lee imágenes decorativas, se interrumpe la comprensión del contenido.
Referencias WCAG
Evaluación del criterio
Tipo de comprobación
Comprobación Manual
Es necesario revisar visualmente las imágenes y leer las descripciones para comprobar que la información esté completa.
Procedimiento de evaluación
Paso 1.
Usa la herramienta de Web Developer Toolbar.
Paso 2. Localizar las imágenes que se consideran decorativas.
Paso 2.
Seleccionar Images – Display alt attributes. Verificar que su texto alternativo está vacio y que no disponen de atributo title.
Paso 3. Para las imágenes que se incluyen mediante Hojas de Estilo (CSS) (y que por lo tanto no se resaltan con la opción Images – Outline all images), verificar que son puramente decorativas y no transmiten información importante
Ejemplo
<img src="separador.gif" alt="">
Otras herramientas de evaluación
Herramienta de inspección con un Bookmarklet
Al mostrar la información con el bookmarklet, comprobar que el texto de cada imagen corresponde a la imagen.
Lector de pantalla
Uso de lectores de pantalla como JAWS, NVDA o VoiceOver, para comprobar que no se escucha las imágenes decorativas.
Inspector del navegador
Puedes usar la herramienta de inspección del navegador para comprobar el texto alternativo de imágenes decorativas .