2526UFV2.5.4-A-000
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_2/2.5_Modalidades_de_los_input/2.5.4-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:
window.addEventListener('devicemotion', function(event) {
if (detectarAgitacion(event)) {
// Borra el contenido automáticamente
document.getElementById('nota').value = "";
alert("¡Texto borrado al agitar!");
}
});
<textarea id="nota" placeholder="Escribe tu nota aquí..."></textarea>
Explicación del problema detectado:
La funcionalidad de "deshacer" depende exclusivamente del sensor de movimiento del dispositivo. No hay ningún botón en la pantalla para realizar esta acción y no hay forma de apagar el detector de movimiento.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Personas con discapacidad motriz (movilidad reducida)
Personas con discapacidad motriz (temblores o espasmos)
Usuarios en entornos inestables (Situacional)
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:
<textarea id="nota-acc" placeholder="Escribe tu nota aquí..."></textarea>
<button onclick="borrarTexto()">Deshacer cambios</button>
<div class="configuracion">
<input type="checkbox" id="activar-agitar" checked>
<label for="activar-agitar">Activar "Agitar para deshacer"</label>
</div>
<script>
// La función que realiza la acción
function borrarTexto() {
document.getElementById('nota-acc').value = "";
}
// El evento de movimiento respeta la configuración del usuario
window.addEventListener('devicemotion', function(event) {
const permitidoAgitar = document.getElementById('activar-agitar').checked;
// Solo actúa si detecta agitación Y el usuario lo tiene activado
if (detectarAgitacion(event) && permitidoAgitar) {
borrarTexto();
}
});
</script>
Explicación de la solución aplicada:
Cualquier usuario puede pulsar el botón "Deshacer cambios" sin mover el dispositivo. Además, si el movimiento físico del usuario provoca activaciones accidentales, puede desmarcar la casilla "Activar Agitar para deshacer" y trabajar tranquilo sin miedo a que se borre su texto involuntariamente.
