2526UdL3.2.2-A-001
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.2-A
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:
<label for="idioma">Selecciona tu idioma:</label>
<select id="idioma" onchange="this.form.submit()">
<option value="es">Español</option>
<option value="en">Inglés</option>
</select>
Explicación del problema detectado:
Aquest codi incompleix el criteri perquè utilitza l'esdeveniment onchange="submit()", el qual dispara l'enviament del formulari de manera automàtica tan bon punt l'usuari selecciona una opció. Per a una persona que navega amb teclat o lector de pantalla, el simple fet d'explorar les opcions amb les fletxes provoca un canvi de context inesperat, recarregant la pàgina o saltant a una altra URL sense avís previ, cosa que genera confusió i desorientació total.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
.
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:
<form action="/cambiar-idioma" method="post">
<label for="idioma">Selecciona tu idioma:</label>
<select id="idioma" name="idioma">
<option value="es">Español</option>
<option value="en">Inglés</option>
</select>
<button type="submit">Actualizar idioma</button>
</form>
Explicación de la solución aplicada:
La solució accessible consisteix a eliminar qualsevol acció automàtica i afegir un botó de confirmació explícit (<button type="submit">). D'aquesta manera l'usuari pot interactuar amb el menú desplegable i revisar les opcions amb calma, l'acció crítica de canviar de pàgina només s'executa quan l'usuari decideix voluntàriament prémer el botó. Això garanteix que la interfície sigui predictible i que l'usuari mantingui sempre el control sobre la navegació.
