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»:
- Comprobar que el atributo alt esté presente.
- 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.
- Comprobar si el atributo aria-label está presente Y comprobar que aria-label está soportado
- 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
- F65: Failure of Success Criterion 1.1.1 due to omitting the alt attribute or text alternative on img elements, area elements, and input elements of type «image»
- WCAG 2.1 – 1.1.1 Text Alternatives
- WCAG 2.1 – 1.2.1 Audio-only and Video-only (Prerecorded)
- Guía de Validación de Accesibilidad del del Observatorio de Accesibilidad