202526UdL053.2.3- A
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_3/3.2_Predecible/3.2.3-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
.png)
b) Enlace de donde se ha obtenido la imagen:
https://alacarta.radiocubelles.cat/programs/entrevistesdactualitat
2.1.2. Código HTML:
<div id="menu">
<ul>
<li>Portada</li>
<li class="has-submenu">QUI SOM</li> <li>Notícies</li>
</ul>
</div>
<div id="menu">
<ul>
<li class="selec">Ràdio Cubelles</li> <li>Portada</li>
<li>Notícies</li>
</ul>
</div>
Explicación del problema detectado:
A la web de Ràdio Cubelles, quan l'usuari interactua amb el menú i selecciona una subsecció, l'ordre dels elements de navegació canvia.
Unelement que inicialment apareixia en segona posició ("Ràdio Cubelles") passa a ocupar la primera posició un cop s'hi clica, desplaçant l'ordre original de la capçalera.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Barrera greu per a la visió total: Els usuaris de lectors de pantalla confien en l'ordre seqüencial per navegar per memòria. Si l'ordre canvia a cada pàgina, perden la referència de la seva ubicació dins del lloc web.
Desorientació cognitiva: Per a persones amb dificultats de comprensió, la manca de predictibilitat fa que la interfície sembli inestable i confusa.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
.png)
b) Enlace de donde se ha obtenido la imagen:
https://www.zara.com/es/es/s-mujer-pantalones-casual-l10203.html?v1=2141374
2.2.2 Código HTML:
<nav aria-label="Menú principal">
<ul>
<li><a href="/woman">DONA</a></li>
<li><a href="/man">HOME</a></li>
<li><a href="/kids">NENS</a></li>
<li><a href="/beauty">BEAUTY</a></li>
</ul>
</nav>
Explicación de la solución aplicada:
ent ús de l'ordre relatiu constant: Els mecanismes de navegació repetits mantenen sempre la mateixa posició en totes les pàgines del lloc.
Fent ús de la reducció de la càrrega cognitiva: L'usuari no ha de fer un esforç extra per localitzar les opcions cada vegada que canvia de secció.
Fent ús de la navegació per memòria: Permet que els usuaris de lector de pantalla i amb baixa visió aprenguin el patró i naveguin de forma més eficient.
Fent ús de l'estabilitat estructural: En mantenir els elements al mateix lloc, s'evita la desorientació que pateixen les persones amb discapacitats cognitives davant de canvis inesperats.
