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

De WCAG Wiki

2.5.7-A. Movimientos de arrastre

Discapacidades afectadas

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

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • Toda funcionalidad que utiliza un movimiento de arrastre para la operación (por ejemplo, controles deslizantes o interfaces de arrastrar y soltar) se debe poder operar con un único puntero sin necesidad de arrastrar, a menos que el arrastre sea esencial o la funcionalidad esté controlada completamente por el agente de usuario y no modificada por el autor.

Comprensión del criterio

Descripción resumida

Cuando una acción requiere arrastrar, se debe proporcionar una alternativa que permita lograr el mismo resultado mediante activación con un único toque o clic, como botones para mover, seleccionar o ajustar valores.

Objetivo

Garantizar que las personas con dificultades de movimiento fino, temblores, o que utilizan dispositivos de apoyo puedan operar controles normalmente basados en arrastre mediante acciones simples y alternativas accesibles.

Importancia de cumplir el criterio

Los gestos de arrastre requieren precisión y control motriz. Sin alternativas accesibles, estos elementos se vuelven inoperables para usuarios con movilidad reducida, provocando exclusión en tareas críticas como ordenar elementos, mover objetos o ajustar controles.

Referencias WCAG

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 las funcionalidades que requieren un movimiento de arrastre para operar (p. ej., controles deslizantes, interfaces de arrastrar y soltar, reorganización de elementos, etc.).
  2. Paso 2. Intentar realizar la misma operación utilizando un único puntero sin necesidad de arrastrar (por ejemplo, mediante clic/tap, teclado, botones alternativos u otro mecanismo simple de interacción).
  3. Paso 3. Verificar que la funcionalidad es operable sin usar arrastrar, a menos que:
    • a. El movimiento de arrastre sea esencial para la naturaleza de la interacción (p. ej., un juego de dibujo o una herramienta de diseño basada en gestos), o
    • b. La funcionalidad sea completamente controlada por el agente de usuario (navegador o sistema operativo) y no modificada por el autor.
  4. Paso 4. Si no existe alternativa al arrastre y la funcionalidad no es esencial ni está controlada exclusivamente por el agente de usuario, registrar como fallo.

Resultado esperado

Las funciones que utilizan movimiento de arrastre proporcionan una alternativa accesible mediante activación sencilla que no depende de la precisión del movimiento.

Ejemplo

Alternativa a arrastrar con control accesible

<!-- Control deslizante con botones alternativos -->
<input type="range" id="vol" min="0" max="100" value="50">
<button aria-label="Aumentar valor">+</button>
<button aria-label="Disminuir valor">−</button>

Otras herramientas de evaluación

  • Prueba manual: intentar realizar la función normalmente asociada a arrastrar (p. ej., mover un elemento, ajustar un control deslizante, ordenar listas) usando un único clic/toque sin necesidad de arrastrar.
  • Controles alternativos: comprobar que existe un mecanismo alternativo para realizar la acción sin arrastre (p. ej., botones “subir/bajar”, “mover izquierda/derecha”, incremento/decremento, menú contextual).
  • Navegación por teclado: verificar que la funcionalidad es operable con teclado y que no depende exclusivamente del movimiento de arrastre.
  • Inspección del DOM y JS: revisar si los eventos de arrastre (drag, dragstart, pointermove, etc.) cuentan con alternativas en click / keydown o equivalentes accesibles.
  • Pruebas asistivas: probar con lectores de pantalla y dispositivos alternativos para confirmar que la operación puede realizarse sin gestos de arrastre.










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.5.7-A. Movimientos de arrastre

Loading comments...