202526UdL05
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-D
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.diaridesabadell.com/sabadell/sindic-suport-subvencions-entitats-sabadell.html
2.1.2. Código HTML:
<div class="slick-slide" aria-hidden="true" role="option">
</div>
Explicación del problema detectado:
El problema principal d'aquest codi és que incompleix el criteri d'èxit 1.1.1 de les WCAG (Contingut no textual) perquè fa que la imatge sigui invisible i il·legible per a les persones amb discapacitat visual.
Ocultació deliberada: L'atribut aria-hidden="true" ordena als lectors de pantalla que ignorin completament l'element, fent que la imatge "no existeixi" per a un usuari cec.
Manca de text alternatiu: No hi ha cap atribut alt que descrigui el contingut de la imatge, incomplint la norma que tot contingut visual ha de tenir una alternativa en text.
Bloqueig de navegació: L'atribut tabindex="-1" impedeix que algú que navega només amb el teclat pugui interactuar o arribar a aquest contingut.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Les persones afectades són principalment aquelles que depenen de tecnologies d'assistència (lectors de pantalla, línies Braille o navegació per teclat). L'error de codi les exclou directament, ja que transforma un contingut informatiu en un element inexistent o inoperable
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.segre.com/ca/comarques/garrigues/260216/panta-l-albages-arribara-als-40-hectometres-tres-mesos-i-s-ompliria-tot-2027_1113456.html
2.2.2 Código HTML:
<img src="https://imagenes.segre.com/files/og_thumbnail/uploads/2026/02/16/69933ac549375.jpeg"
alt="Una vista del pantà de l'Albagés aquest dilluns."
width="414" height="276">
Explicación de la solución aplicada:
Té l'atribut alt definit: El codi inclou explícitament l'atribut alt="Una vista del pantà de l'Albagés aquest dilluns.". Això permet que els lectors de pantalla llegeixin la descripció en veu alta per a les persones cegues.
Descripció coherent: El text alternatiu no és genèric (com "imatge.jpg"), sinó que descriu exactament què està passant a la foto, aportant el mateix valor informatiu que la imatge visual.
És visible per a la tecnologia d'assistència: A diferència de l'altre exemple, aquest codi no té l'atribut aria-hidden="true". Això garanteix que el programari per a persones amb discapacitat no ignori la imatge.
Dimensions definides: Incloure width="414" i height="276" ajuda a l'accessibilitat cognitiva, ja que evita que el contingut de la pàgina "salti" mentre es carrega, facilitant la lectura a persones amb dificultats de concentració.
