2526UPSA1.1.1-B-003
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-B
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
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="//food-with-style.com/cdn/shop/articles/20250203204034-Lemon-Cake-Recipe-DBcBd3SxBOS_61d373fe-2897-43a5-8e97-0283a50936f3.png?v=1740022922&width=1500"
alt="Lemon Cake Recipe"
Explicación del problema detectado:
La imagen utilizada en este fragmento es decorativa. No aporta contenido relevante ni transmite información necesaria para comprender la receta. Sin embargo, el desarrollador ha incluido un texto alternativo descriptivo (“Lemon Cake Recipe”), lo que hará que los lectores de pantalla anunciarán un contenido que no aporta significado alguno.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Para las personas ciegas o con baja visión
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="/v/airpods/aa/images/overview/hero_endframe__calpooy4ucr6_large.jpg"
onload="window.__lp?.(event)"
alt="">
Explicación de la solución aplicada:
La imagen se emplea con un propósito decorativo y no aporta información necesaria para el usuario.
Para que las tecnologías asistivas no anuncien contenido innecesario, se ha dejado el atributo alt vacío. Esto indica explícitamente al lector de pantalla que debe ignorar la imagen, evitando distracciones y reduciendo la carga cognitiva para las personas con discapacidad visual.
