Principio 1/1.1 Texto Alternativo/1.1.1-K

1.1.1-K. Imágenes decorativas

1_Perceptible 1.1_Textos_alternativos

• Nivel: A
• Versión: 2.0
• Principio: 1_Perceptible
• Pauta: 1.1_Textos_alternativos
• Grupo: Contenido
• Subgrupo: No-texto

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

• Visual total – Barrera moderada

Enunciado del criterio (Observatorio de Accesibilidad Web)

• Las imágenes decorativas deben tener texto alternativo vacío o incluirse vía CSS, para que puedan ser ignoradas por lectores de pantalla.

Comprensión del criterio

Descripción resumida

Las imágenes decorativas no deben ser anunciadas por el lector de pantalla. Para ello, se deben usar atributos alt="" o incluir las imágenes en CSS, evitando interferencias con la lectura del contenido real.

Objetivo

Evitar distracciones o información innecesaria para personas que usan lectores de pantalla, garantizando una experiencia clara y eficiente.

Importancia de cumplir el criterio

Si una imagen decorativa se lee como contenido, el flujo narrativo se rompe, provocando confusión, pérdida de tiempo y barreras en la comprensión.

Referencias WCAG

• Understanding Success Criterion 1.1.1
• Technique H67 – Using null alt text for decorative images
• Technique C9 – Using CSS background images for decorative images

Recursos de apoyo

No hay

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

1. Paso 1. Localizar imágenes que no aportan información.
2. Paso 2. Usar Web Developer Toolbar → Images → Display alt attributes.
3. Paso 3. Verificar que las imágenes decorativas tienen alt="" y sin atributo title.
4. Paso 4. Si están en CSS, comprobar que no transmiten información relevante.

Resultado esperado

Las imágenes decorativas se ignoran correctamente por lectores de pantalla, sin generar ruido o confusión.

Ejemplo

Ejemplo correcto:

<img src="separador.gif" alt="">

Otras herramientas de evaluación

Bookmarklet para ver ALT:

Arrastra este botón a tu barra de marcadores y podrás ejecutarlo y ver los textos alternativos de otras páginas.
Ver ALT de imágenes

Lector de pantalla: JAWS, NVDA, VoiceOver — verificar que no se anuncian imágenes decorativas

Inspector del navegador: comprobar atributo alt="" o uso de CSS

Comentarios

A continuación se muestran comentarios sobre el criterio 1.1.1-K. Imágenes decorativas

Loading comments...