Principio 1/1.1 Texto Alternativo/1.1.1-G

De WCAG Wiki

1.1.1- G. Texto alternativo en imágenes funcionales

  • Nivel:A
  • Versión:2.2
  • Principio:1. Perceptible
  • Pauta:1.1 Textos alternativos
  • Categoría:Contenido
  • Subcategoría:No-texto

Usuarios más afectados

  • Icono de una persona con discapacidad visual Personas con discapacidad visual total - Barrera grave
  • Icono discapacidad motriz Personas con discapacidad motriz – Barrera leve
  • Icono discapacidad cognitiva Personas con discapacidad cognitiva – Barrera moderada


Descripción y comprensión del criterio

Descripción resumida

Las imágenes que son botones, enlaces o acciones deben tener un alt que explique su función, no su forma.

Por ejemplo: alt="Buscar", no alt="Lupa".

Objetivo

Ayudar a los usuarios que no pueden ver los iconos a entender su propósito.

Importancia de cumplir el criterio

Un botón con una imagen sin descripción funcional impide al usuario saber qué acción realiza.

Referencias WCAG

Recursos de apoyo

* Tutorial de W3C sobre imagenes funcionales

Evaluación del criterio

Tipo de comprobación

Comprobación Manual

Es necesario revisar visualmente las imágenes funcionales (que realizan alguna función al interactuar con ellas y observar si su descripción contiene la acción que realizan.

Procedimiento de evaluación

Paso 1. Usa la herramienta de Web Developer Toolbar.

Paso 2. Localiza imágenes dentro de enlaces o botones.

Paso 3. Comprueba que el alt indica su función, no su aspecto.

Ejemplo

 
<input type="image" src="iconobuscar.png" alt="Buscar">
<input type="image" src="enviar.png" alt="Enviar formulario">


Otras herramientas de evaluación

Herramienta de inspección con un Bookmarklet

Al mostrar la información con el bookmarklet, comprobar que el texto de cada imagen corresponde a la imagen.

Arrastra este botón a tu barra de marcadores: Haz clic para ver los textos alternativos de las imágenes

Lector de pantalla

Uso de lectores de pantalla como JAWS, NVDA o VoiceOver, para comprobar que la información que se escucha al acceder a una imagen funcional, es comprensible.


Inspector del navegador

Puedes usar la herramienta de inspección del navegador para comprobar el texto alternativo de una imagen funcional .

Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.1_Texto_Alternativo/1.1.1-G&oldid=1387»