Técnica Técnicas generales WCAG 2.2
G219Ofrecer una alternativa a arrastrar y soltar
Nombre oficial en el W3C: Garantizar que existe una alternativa a los movimientos de arrastre que actúan sobre el contenido
En pocas palabras
Algunas interfaces piden arrastrar elementos: reordenar una lista, mover una tarea en un tablero o subir un archivo a una zona. Esta técnica pide que lo mismo se pueda hacer con toques o clics sencillos, sin arrastrar. Por ejemplo, con flechas de subir y bajar o con un menú para elegir el destino.
Por qué es importante
Arrastrar exige pulsar, mantener pulsado y mover a la vez. Para personas con temblores, poca fuerza o que usan un ratón de cabeza o un pulsador, es muy difícil o imposible.
Si arrastrar es la única forma, no podrán ordenar sus favoritos, organizar sus tareas o cambiar la prioridad de un trámite.
Cómo se hace
- Identifique cada acción que se hace arrastrando.
- Añada una vía con toques o clics. Por ejemplo, botones «Subir» y «Bajar» en cada elemento de una lista.
- En un tablero de tareas, ofrezca un menú «Mover a» con las columnas posibles.
- En una lista de prioridades, permita escribir el número de posición en un campo.
- Asegúrese de que esa alternativa también funciona con teclado.
Cómo comprobarlo
- Localice todo lo que se puede arrastrar en la página.
- Busque para cada caso una forma de hacer lo mismo sin arrastrar.
- Use solo toques o clics y compruebe que obtiene el mismo resultado.
Ejemplo
Cada elemento de una lista ordenable tiene botones para moverlo sin arrastrar.
<ol class="favoritos">
<li>Cita previa
<button type="button">Subir Cita previa</button>
<button type="button">Bajar Cita previa</button>
</li>
<li>Padrón
<button type="button">Subir Padrón</button>
<button type="button">Bajar Padrón</button>
</li>
</ol>Ver el texto completo del W3C (traducción al español)
Esta es una traducción no oficial al español de la técnica G219 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.
Aplicabilidad
Contenido que utilice cualquier tecnología que admita la entrada mediante puntero.
Descripción
El objetivo de esta técnica es garantizar que las personas con discapacidad motriz que no pueden realizar movimientos de arrastre dispongan de una interacción alternativa de puntero único que no implique arrastrar.
Algunas interfaces de manipulación directa permiten a los usuarios tomar objetivos y usar movimientos de arrastre para moverlos a otra posición; por ejemplo, para cambiar la posición de un elemento en una lista de prioridades o para mover una tarea en un tablero Kanban o de planificación.
Estos movimientos de arrastre son difíciles o imposibles de realizar para algunos usuarios con discapacidad motriz. La alternativa a los movimientos de arrastre acciona la función subyacente mediante una o varias activaciones de puntero único que no requieren arrastrar. Por ejemplo, una sola pulsación o clic puede mostrar controles (flechas) para mover un objetivo paso a paso, o un menú desplegable puede permitir a los usuarios seleccionar la posición de destino a la que se moverá un elemento.
Ejemplos
- Una lista de elementos puede reordenarse tomando un elemento y arrastrándolo hacia arriba o hacia abajo. Los demás elementos se mueven dinámicamente para abrir un hueco donde soltar el objetivo tomado. Tras una activación de puntero único, los elementos de la lista muestran flechas arriba y abajo que permiten reordenar la lista paso a paso mediante entradas de puntero único (pulsaciones o clics en la flecha arriba o abajo).
- Una lista vertical de prioridades indica la prioridad de los elementos enumerados. Cada elemento puede «tomarse» con un puntero y arrastrarse hacia arriba o hacia abajo hasta otra posición. Los demás elementos de la lista se reorganizan dinámicamente. A la izquierda de cada elemento de la lista, un número en un campo de texto muestra la posición de prioridad actual. Para cualquiera de los elementos, los usuarios pueden introducir otro número. Esto provoca una reordenación y renumeración dinámica de la lista de prioridades.
- En una implementación Kanban para la gestión de procesos, las tareas pueden arrastrarse horizontalmente de un «carril» a otro para cambiar su estado (por ejemplo, para cambiar el estado de una tarea de «en proceso» a «completada»). Uno o varios elementos de un carril pueden seleccionarse con una sola pulsación o clic. Una activación de puntero único sobre un menú desplegable etiquetado «Move selected items to» («Mover los elementos seleccionados a») ofrece una selección de destinos (otros carriles). Una nueva activación de puntero único sobre la opción de menú deseada mueve los objetivos al carril indicado.
- En un control radial, el indicador visual del valor actual del control puede arrastrarse a otra posición. Los usuarios también pueden hacer clic o pulsar en otra posición del control radial para cambiar el valor.
Pruebas
Procedimiento
Para los elementos de la interfaz que admitan arrastre:
- Comprobar en la interfaz la presencia de funciones que se activen mediante movimientos de arrastre.
- Comprobar que existe una alternativa de activación con puntero único que no requiera arrastrar para accionar la misma función.
Resultados esperados
- La comprobación n.º 2 es verdadera.
Si esta es una técnica suficiente para un criterio de conformidad, no superar este procedimiento de prueba no significa necesariamente que el criterio de conformidad no se haya satisfecho de otra manera, sino solo que esta técnica no se ha implementado correctamente y no puede utilizarse para declarar la conformidad.
Cómo lo comprobamos en ADDAW
En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.
Basado en la técnica G219 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.