1.1.1- A

1.1.1- A. Todo contenido no textual debe disponer de una alternativa textual breve que, siempre que sea posible, proporciona la misma información o cumple el mismo propósito que el contenido no textual

A) EJEMPLO ACCESIBLE

1. Imagen con etiqueta ALT --> valorar si el texto que acompaña la imagen es adecuado al contenido de la imagen

2. Para saber si una imagen le corresponde el texto que tiene, evaluar su contenido con el árbol de decisión de W3C: external link: https://www.w3.org/WAI/tutorials/images/decision-tree/. Contiene la explicación de como añadir un texto alternativo a una imagen que se añade al contenido

Arbol de decisión del texto alternativo de imágenes Fuente: external link: https://www.w3.org/WAI/tutorials/images/decision-tree/

Ejemplo imagen accesible

Imagen con texto descriptivo adecuado Fuente: página de inicio de la once. external link: https://www.once.es/

Se observa una descripción adecuada al contenido de la imagen

B) EJEMPLO NO ACCESIBLE

1. Imagen sin etiqueta ALT: Ejemplo imagen NO accesible Imagen no accesible sin etiqueta ALT Fuente: Página de inicio Universitat de Lleida. external link: http://www.udl.cat/ca/

En esta imagen falta el atributo ALT (observar el código HTML) en la etiqueta IMG

2. Imagen sin texto adecuado en la etiqueta ALT: Ejemplo imagen NO accesible Imagen con texto no accesible en la etiqueta ALT Fuente: Página de noticias Universitat de Lleida. external link: https://www.udl.cat/ca/es/noticias/

En esta imagen se observa que la descripción de las imágenes no es adecuada. Deberían estar sin texto (ALT="") o bien una descripción de la imagen (como si se la explicases a alguien por teléfono).

C) HERRAMIENTAS DE APOYO

Nombre de la herramienta: Web Developer Toolbar

Procedimiento de comprobación:

1. Seleccionar “Images – Outline images without alt attributes” y comprobar la página. Si hay alguna imagen resaltada, es un error y debe proporcionársele un atributo “alt”.

2. Seleccionar “Images – Display alt attributes”. Comprobar la página valorando si el texto de dicho atributo describe el cometido de la imagen.

D) REFERENCIA WCAG 2.1

G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content

H35: Providing text alternatives on applet elements

H37: Using alt attributes on img elements

H53: Using the body of the object element

F13: Failure of Success Criterion 1.1.1 and 1.4.1 due to having a text alternative that does not include information that is conveyed by color differences in the image

F30: Failure of Success Criterion 1.1.1 and 1.2.1 due to using text alternatives that are not alternatives (e.g., filenames or placeholder text)

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"