Principio 2/2.5 Modalidades de los input/2.5.2-A

2.5.2-A. Cancelación del puntero

2_Operable 2.5_Modalidades_de_los_input

• Nivel: A
• Versión: 2.1
• Principio: 2_Operable
• Pauta: 2.5_Modalidades_de_los_input
• Grupo: Interacción
• Subgrupo: Gestos_y_movimiento

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

• Motriz – Barrera grave
• Baja visión – Barrera moderada
• Cognitiva – Barrera leve
• Visual total – Barrera grave

Enunciado del criterio (Observatorio de Accesibilidad Web)

• Toda funcionalidad que se pueda operar mediante un puntero sencillo (single pointer) debe cumplir al menos una de las siguientes condiciones:
  • El evento down del puntero no se emplea para ejecutar ninguna parte de la funcionalidad.
  • La función se completa con el evento up del puntero y existe un mecanismo para cancelar la función antes de que se complete o para deshacerla una vez completada.
  • El evento up del puntero deshace cualquier consecuencia del evento down previo.
  • Completar la función con el evento down es esencial (p. ej. se considera esencial un emulador de teclado)

Comprensión del criterio

Descripción resumida

Las funciones activadas por clic o toque no deben ejecutarse de forma irreversible al pulsar el elemento. El usuario debe poder cancelar o revertir la acción.

Objetivo

Evitar activaciones accidentales y permitir cancelar acciones iniciadas involuntariamente.

Importancia de cumplir el criterio

Es esencial para personas con temblores, movimientos involuntarios, dificultades de precisión o que usan dispositivos alternativos como punteros de cabeza.

Referencias WCAG

• G210: Ensuring that drag-and-drop actions can be cancelled
• G212: Using native controls to ensure functionality is triggered on the up-event
• F101: Failure due to activating a control on the down-event

Recursos de apoyo

No se presentan

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

1. Paso 1. Localizar todos los elementos de interacción y acceder a ellos utilizando todos los medios disponibles (p. ej., ratón, pantalla táctil, etc.).
2. Paso 2. Comprobar que al pulsar sobre el elemento de interacción (solo presionar, sin soltar) no se activa ninguna funcionalidad.
3. Paso 3. Deslizar y levantar el puntero fuera del área de interacción y comprobar que no se ha activado ninguna funcionalidad.

Resultado esperado

El usuario puede cancelar o deshacer acciones activadas por puntero, evitando activaciones accidentales.

Ejemplo

No comprar, borrar o enviar nada simplemente por tocar una vez — debe haber confirmación o cancelación

HTML:

<button id="comprar-btn">Comprar</button>
<p id="msg"></p>

Javascript:

let confirmado = false;

const btn = document.getElementById('comprar-btn');
const msg = document.getElementById('msg');

btn.addEventListener('pointerup', () => {
  if (!confirmado) {
    confirmado = true;
    msg.textContent = "Compra realizada";
  }
});

// Permite cancelar (ej. tecla Escape)
document.addEventListener('keydown', (e) => {
  if (e.key === "Escape") {
    confirmado = false;
    msg.textContent = "Acción cancelada";
  }
});

Otras herramientas de evaluación

• Prueba manual con puntero: usar ratón o un solo dedo para activar controles y confirmar que no se ejecutan acciones irreversibles al hacer pointerdown (clic/tocar); la acción debe ejecutarse en pointerup o permitir cancelación.
• Cancelar/Deshacer: comprobar que, si la acción comienza en pointerdown, existe una forma clara de cancelarla antes de finalizar o de deshacerla después.
• Navegación con teclado: verificar que la funcionalidad también es operable mediante teclado (evitar funciones exclusivas dependientes de presionar y arrastrar).
• Inspección del código: revisar eventos (p. ej. mousedown/pointerdown) y confirmar que no se usa el evento de pulsación para completar acciones sin permitir cancelación.
• Prueba asistiva: usar lectores de pantalla o dispositivos alternativos para confirmar que la acción se activa de forma previsible sin activación accidental.

Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.5.2-A. Cancelación del puntero

Loading comments...