Fallo en el cumplimiento del criterio 1.1.1 debido a la omisión de descripción alternativa en elementos de imagen, de área o elementos de entrada de tipo “imagen” [Fallo 65 – WCAG 2.1] (Accesibilidad Web 62)


Este fallo hace referencia a la problemática causada por a la omisión de descripción alternativa en elementos de imagen, de área o elementos de entrada de tipo “imagen”, y que es reflejado en WCAG 2.1 como Fallo 65.

Se aplica a

HTML y XHTML

Descripción

Esta técnica describe una condición de fallo para textp añtermatovp en imágenes. Si no hay una fuente de texto que provea una alternativa para la imagen, las tecnologías de asistencia no podrán identificar la imagen ni informar de su significado al usuario.

El atributo alt continua siendo la forma preferia de proporcionar texto alternativo para imagenes. Los atributos WAI-ARIA apropiados pueden ser usados para proporcionarlo, siempre y cuando estén soportados en términos de accesibilidad.

Para más información sobre soporte de accesibilidad, puede consultar el Apéndice B: Documentando soporte de accesibilidad para usuarios de tecnologías web (en inglés).

La especificación WAI-ARIA 1.0 (acrónimo de «Accessible Rich Internet Applications»), describe la «Computación de Textos Alternativos» para generar el texto alternativo desde el HTML y el atributo WAI-ARIA de un elemento.

Algunas tecnologías intentan compensar la ausencia de texto alternativo mediante la lectura del nombre de fichero de la imagen. No obstante, esta técnica es claramente insuficiente, por varias razones.

Por ejemplo, el nombre de fichero podría no ser descriptivo (por ejemplo imagenes/nav01.gif), y tecnológicamente no es oblugarorio que los nombres de fichero sean descriptivos.

Adicionalmente, algunas tecnologías de asistencia no leen el nombre de fichero si no existe el atributo alt en el código HTML.

Ejemplos

En este ejemplo, el usuario de tecnologías de asistencia no tiene forma de conocer el propósito de la imagen.

<img src="../imagenes/animal.jpg" />

Técnicas relacionadas

  • H67: Usando texto alternativo nulo y el atributo title ausente o nulo en elementos de tipo imagen para indicar que deben ser ignoradas por las tecnologías de asistencia.
  • H37: Usando atributos alt en elementos de tipo imagen
  • ARIA10: Usar el atributo “aria-labeledby” para proporcionar un texto alternativo a contenido no textual.

Tests

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

Procedimiento

Para toda etiqueta img, area o input de tipo «imagen»:

  1. Comprobar que el atributo alt esté presente.
  2. Comprobar si el atributo aria-labeledby está presente Y que hace referencia al menos a un elemento en la página Y que aria-labeledby está soportado.
  3. Comprobar si el atributo aria-label está presente Y comprobar que aria-label está soportado
  4. Comprobar si el atributo title está presente Y comprobar que title está soportado

Resultados Esperados

  • Si las cuatro comprobaciones (1, 2, 3 y 4) son falsas, entonces las condiciones de fallo se producen.

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>