202526UFV3.2.1-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://www.wikiwcag.udl.cat/index.php/Principio_3/3.2_Predecible/3.2.1-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:
<form>
<label for="country">Country:</label>
<select id="country" onchange="window.location.href='other-page.html'">
<option>Spain</option>
<option>France</option>
<option>Germany</option>
</select>
</form>
Explicación del problema detectado:
When the element receives focus or changes selection, it automatically triggers a context switch by redirecting to another page without the user explicitly requesting it.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
People who navigate using a keyboard or screen readers may become disoriented when unexpected context changes occur.
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>
<label for="country">Country:</label>
<select id="country">
<option>Spain</option>
<option>France</option>
<option>Germany</option>
</select>
<button type="button" onclick="alert('Country selected')">
Confirm selection
</button>
</form>
Explicación de la solución aplicada:
Focusing on the element does not trigger automatic context changes. The user controls the action via a button, fulfilling WCAG criterion 3.2.1.
