Diseño · Guía práctica
Un diseño que permite arrastrar también necesita una alternativa con clics
El criterio 2.5.7 de WCAG 2.2 pide poder realizar la misma función sin mantener pulsado y arrastrar, salvo sus excepciones.
Mover una tarjeta entre columnas parece sencillo cuando se puede mantener el botón pulsado y desplazar el puntero con precisión. Esa interacción puede resultar difícil con otros dispositivos o formas de control. Un diseño accesible debe considerar cómo conseguir el mismo resultado sin exigir ese movimiento.
El criterio 2.5.7 de WCAG 2.2, de nivel AA, establece que las funciones basadas en arrastrar puedan realizarse con un único puntero sin arrastre, salvo que arrastrar sea esencial o que la función dependa del agente de usuario sin modificación del autor. La explicación de W3C diferencia este requisito del acceso mediante teclado.
Por ejemplo, una tarjeta de un tablero puede ofrecer un menú para elegir su columna de destino. Una lista ordenable puede incluir controles para subir o bajar un elemento. W3C presenta esas posibilidades como alternativas: el resultado funcional debe conservarse aunque cambie la interacción.
Ejemplo de diseño propio: una lista de tareas tiene un asa para arrastrar y, junto a cada tarea, dos botones visibles, Subir y Bajar. La revisión puede empezar moviendo un elemento del cuarto al segundo puesto sin arrastrarlo. Después se comprueba si ambas rutas dejan el mismo orden y mantienen una indicación clara de lo que ha ocurrido.
Para evitar una prueba engañosa, no uses el teclado durante esa primera comprobación: observa si bastan clics o toques separados. Luego revisa el teclado por su cuenta. Un atajo disponible solo con teclas no demuestra que una persona que utiliza únicamente un puntero tenga una alternativa al arrastre.
La guía de W3C no trata el desplazamiento normal que proporciona el navegador como si fuera un componente de arrastre creado por la página. Por eso conviene identificar primero quién implementa la interacción. Esta comprobación aborda un criterio concreto; superarla no certifica por sí sola la accesibilidad completa de una web.
Comprobación práctica
- Identifica la función del arrastre
- Añade botones o un menú de destino
- Prueba solo con clics o toques
- Comprueba el teclado por separado