Principio 1/1.1 Texto Alternativo/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:

Videollamada donde se aplica ok el atributo alt

Fuente: página de inicio de la once. https://www.once.es/

A) EJEMPLO ACCESIBLE (2):

imagen de prueba

Este texto podria ser para un ejemplo de prueba. Estoy testeando la primera version BETA de UX wiki!!

A) EJEMPLO NO ACCESIBLE:

Imagen donde no se aplica correctamente el atributo alt

Fuente: Página de inicio Universitat de Lleida. 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  Fuente: Página de noticias Universitat de Lleida. 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