202526UPSA08
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_1/1.1_Texto_Alternativo/1.1.1-I
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://es.aliexpress.com/
2.1.2. Código HTML:
<img class="pop-picture" src="https://ae-pic-a1.aliexpress-media.com/kf/S9986ccbb91ae4b1da4e45831190ca2f7G.png" style="width: 640px; height: 480px; outline: none;">
Explicación del problema detectado:
La imagen del producto es fundamental para la compra pero carece de un atributo alt descriptivo. Al dejar el atributo alt vacío (alt="") o inexistente, el código no comunica a la tecnología de asistencia qué se muestra en la imagen (color, tipo de prenda, detalles visuales), tratándola como si fuera decorativa o inexistente.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Esto afecta gravemente a las personas con discapacidad visual que utilizan lectores de pantalla
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.fundaciononce.es/
2.2.2 Código HTML:
<img src="/themes/d8_base_dev_theme-8.x-1.0/logo.svg" alt="Logo del sitio. Fundación ONCE. para la Cooperación e Inclusión Social de Personas con Discapacidad. Ir a inicio">
Explicación de la solución aplicada:
Es accesible porque contiene un alt que es descriptible sobre la Fundacion Once
