2526UdL1.3.1- J
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.3_Adaptable/1.3.1-J
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
http://zara.com/
2.1.2. Código HTML:
<table class="zrc-measure-size-guide-table">
<thead>...</thead>
<tbody>...</tbody>
</table>
Explicación del problema detectado:
Les persones amb discapacitat visual total que depenen de lectors de pantalla per navegar són les principals afectades per aquesta mancança, ja que la falta d'un atribut summary o d'una etiqueta caption fa que el programari no pugui anunciar el propòsit de la taula en interactuar-hi per primera vegada, però també es veuen afectades les persones amb baixa visió i usuaris amb dificultats cognitives. Aquesta absència de context inicial genera una barrera de desorientació immediata perquè l'usuari només rep informació genèrica sobre el nombre de files i columnes però no sap si les dades corresponen a mides, preus o estoc del producte. Així mateix, els usuaris amb baixa visió que utilitzen magnificadors o persones amb dificultats cognitives també es veuen perjudicades en perdre la referència estructural de la informació complexa que presenta Zara. La barrera principal és la navegació ineficient i la fatiga cognitiva, ja que l'usuari es veu obligat a explorar diverses cel·les a cegues per intentar deduir la relació entre les zones del cos i les mides, cosa que resulta en una pèrdua de temps considerable i una experiència frustrant. En definitiva, es genera una situació d'inequitat en l'accés on l'usuari amb discapacitat ha d'invertir un esforç molt superior al d'un usuari visual per obtenir una dada bàsica per a la compra, fet que pot provocar l'abandonament de la pàgina davant la incertesa de no poder confirmar la talla correctament.
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:
<table class="zrc-measure-size-guide-table" summary="Taula comparativa de talles que relaciona la zona del cos amb la mesura en centímetres per a les talles XS fins a XXL.">
<caption>Mesures detallades de la jaqueta</caption>
<thead>
<tr>
<th scope="col">ZONA</th>
<th scope="col">XS</th>
<th scope="col">S</th>
</tr>
</thead>
<tbody>...</tbody>
</table>
Explicación de la solución aplicada:
| amb l'atribut scope, assegurant que cada dada numèrica estigui vinculada a la seva zona del cos i talla corresponent. Amb aquesta implementació, el programari d'assistència pot anunciar el context de la taula tan bon punt l'usuari hi interactua, eliminant la barrera de la desorientació i permetent una navegació eficient i autònoma que garanteix que qualsevol persona, independentment de la seva capacitat visual, pugui interpretar correctament les mides abans de realitzar una compra.
|
|---|
