Fallo en el cumplimiento del criterio 1.1.1 debido a que se proporciona texto alternativo que no es vacío o nulo para elementos de imagen que deben ser ignorados por las tecnologías de apoyo [Fallo 39 – WCAG 2.1] (Accesibilidad Web 61)


Este fallo hace referencia a la problemática causada por el uso de textos alternativos en elementos que deben ser ocultados a loas herramientas de apoyo, y que es reflejado en WCAG 2.1 como Fallo 39º.

Se aplica a

HTML y XHTML

Descripción

Esta técnica describe una condición de fallo para imagenes que debieran ser ignoradas por las tecnologias de asistencia.

Habitualmente una imagen debe incorporar un texto alternativo que trasmita el significado de la imagen, sin embargo, cuando una imagen es usada como decoración , espaciado u otros usos, dicho contenido no debe ser comunicado en modo alguno, siendo preciso que la imagen no tenga texto alternativo para que sea ignorado.

Proporcionar textos alternativos nulos (por ejemplo alt=»») permite a las tecnologias de asistencia identificar este tipo de imagenes e ignorar la imagen y asi evitar el problema que este criterio apunta.

Ejemplos

Imagen decorativa que no tiene atributo alt por utilizarse para separar elementos de pantalla.

<div>Tree type: <img src=»spacer.gif» width=»100″ height=»1″ alt=»spacer»/>Cedrus deodara</div>

Técnicas relacionadas

  • H37: Usando atributos alt en elementos de tipo imagen
  • C9: Usar CSS para incluir imágenes decorativas.
  • Fallo 38: Fallo en el cumplimiento del criterio 1.1.1 debido a la ausencia de marcado adecuado para imagenes decorativas de forma que puedan ser ignoradas por las tecnologías de apoyo.

Tests

Describimos a continuación el método propuesto por WCAG para detectar este fallo.

Procedimiento

Para toda imagen decorativa comprobar que:

  1. Comprobar que el elemento no tiene atributo alt o que este está vacío.

Resultados Esperados

  • Si 1 no se cumple, entonces la situación de fallo se produce y debe ser reportada.

Bibliografía


Quizá te interese leer más sobre WCAG 2.1

Dejar una Respuesta

XHTML: Usted puede usar las siguientes etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>