2526UPSA2.5.2-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.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:
<div
style="padding:10px; background:#f8d7da; width:200px; cursor:pointer;"
onpointerdown="realizarAccion()">
Enviar formulario
</div>
<script>
function realizarAccion() {
alert('Formulario enviado');
}
</script>
Explicación del problema detectado:
La funcionalidad se ejecuta directamente en el evento pointerdown, sin esperar a que el usuario levante el puntero ni ofrecer un mecanismo para cancelar o deshacer la acción. Esto provoca que una activación involuntaria ejecute inmediatamente la función, incumpliendo el criterio 2.5.2-A.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
La funcionalidad se ejecuta directamente en el evento pointerdown, sin esperar a que el usuario levante el puntero ni ofrecer un mecanismo para cancelar o deshacer la acción. Esto provoca que una activación involuntaria ejecute inmediatamente la función, incumpliendo el criterio 2.5.2-A.
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:
<button onclick="confirmarEnvio()">
Enviar formulario
</button>
<script>
function confirmarEnvio() {
if (confirm('¿Desea enviar el formulario?')) {
alert('Formulario enviado');
}
}
</script>
Explicación de la solución aplicada:
La acción se completa con el evento pointerup (click) y se proporciona un mecanismo de confirmación que permite cancelar la operación antes de que se ejecute definitivamente. De este modo, el usuario mantiene el control sobre la interacción y se previenen activaciones accidentales, cumpliendo el criterio 2.5.2-A.
