2526UdL1.1.1-K-000

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-K
Universidad participante: UdL
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-K



2. Ejemplos prácticos

2.1. Ejemplo NO accesible

2.1.1. Evidencia en imagen y enlace:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://www.barnesandnoble.com

2.1.2. Código HTML:

<thead><th scope="col" id="c_A2"...



Explicación del problema detectado:
La web de Barnes & Noble incompleix el criteri 1.1.1-K perquè moltes de les seves imatges ornamentals i icones de suport no porten l'atribut alt="" (buit). Això provoca que els lectors de pantalla, en lloc d'ignorar-les com a elements decoratius, llegeixin el nom del fitxer (ex: "banner_promo_v1.jpg"), generant un soroll innecessari que dificulta la navegació als usuaris cecs. A més, la pàgina presenta redundància informativa en utilitzar icones amb text alternatiu al costat de botons que ja tenen el seu propi text. Segons l'estàndard, si el text adjacent ja explica la funció, la imatge s'hauria de marcar com a decorativa per evitar que l'usuari hagi d'escoltar la mateixa informació dues vegades.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Aquestes barreres afecten principalment les persones cegues o amb baixa visió que depenen de lectors de pantalla, ja que la manca de l'atribut alt="" les obliga a escoltar noms de fitxers tècnics i irrellevants que interrompen la comprensió del contingut. Així mateix, la redundància informativa genera una sobrecàrrega cognitiva i fatiga auditiva, ja que l'usuari ha de processar dues vegades la mateixa informació per a una sola acció, convertint una tasca senzilla com comprar un llibre en un procés lent, confús i frustrant que redueix dràsticament la seva autonomia digital.


2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://www.bbc.com/news


2.2.2 Código HTML:

No se ha proporcionado código.



Explicación de la solución aplicada:
La web de la BBC News compleix correctament el criteri 1.1.1-K perquè utilitza l'atribut alt="" (buit) en totes aquelles imatges i icones que són purament estètiques o que acompanyen un text que ja és prou explicatiu. Per exemple, en les seves llistes de notícies, si una icona de "clau de vídeo" apareix al costat del titular, aquesta es marca com a decorativa per evitar que el lector de pantalla digui "icona de vídeo" i després el títol de la notícia. Això permet que els usuaris amb discapacitat visual naveguin de forma fluida, escoltant només la informació rellevant sense interrupcions per elements visuals que no aporten contingut addicional.






1 de enero de 20261 de octubre de 2025