2526UFV1.1.1-D-001

De WCAG Wiki

Edición de la página como formulario

1. Información básica

Id del criterio: 1.1.1 - Contenido no textual (Nivel: A)
Título del subcriterio: 1.1.1-D
Universidad participante: UFV
Curso académico: 2025-26

Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_1/1.1_Texto_Alternativo/1.1.1-D



2. Ejemplos prácticos

2.1. Ejemplo NO accesible

2.1.1. Evidencia en imagen y enlace:
a) Imagen
No se ha subido ninguna imagen.

b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.

2.1.2. Código HTML:

<img src="bateria_llena.png" alt="Batería llena"> <img src="bateria_llena.png" alt="Batería llena"> <img src="bateria_llena.png" alt="Batería llena"> <img src="bateria_vacia.png" alt="Batería vacía">



Explicación del problema detectado:
Las imágenes forman parte de un grupo que transmite una única información, el procentaje de batería. Cuando un lector de pantalla anuncie los múltiples alt "estrella rellena" y el alt "estrella vacía", generará redundancia y no proporcionará una información que realmente sea útil. Esto incumple el subcriterio 1.1.1-D, que exige una alternativa textual única para el grupo y que el resto de imágenes sean decorativas (alt="").

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Las personas con discapacidad visual total que utilizan lectores de pantalla reciben información redundante, lo que provoca sobrecarga cognitiva, ralentiza la navegación y dificulta la comprensión eficiente del contenido.


2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.


2.2.2 Código HTML:

<img src="bateria_llena.png" alt="Nivel de batería: 75%"> <img src="bateria_llena.png" alt=""> <img src="bateria_llena.png" alt=""> <img src="bateria_vacia.png" alt="">



Explicación de la solución aplicada:
El conjunto de imágenes comunica una sola información (75 % de batería). La alternativa textual se proporciona solo una vez, mientras que las demás imágenes se marcan correctamente como decorativas mediante alt="". De este modo, el lector de pantalla anuncia el nivel de batería una única vez, cumpliendo el subcriterio 1.1.1-D.