F108Funciones que solo se pueden hacer arrastrando

Por qué es importante

Arrastrar exige pulsar, mantener y mover a la vez con precisión. Para personas con temblores, poca fuerza o que usan un puntero de cabeza es muy difícil o imposible.

Si cambiar el orden de las fotos de un anuncio o el estado de una tarea solo se hace arrastrando, esas personas no pueden hacerlo.

Cómo evitarlo

1. Para cada función de arrastrar, ofrezca una alternativa con clics o toques sencillos.
2. En listas ordenables, añada botones «Subir» y «Bajar» en cada elemento, o un campo para escribir la posición.
3. En tableros de tareas, añada un menú «Mover a» con las columnas disponibles.
4. En zonas para soltar archivos, incluya un botón «Seleccionar archivo».
5. La alternativa puede tener varios pasos: elegir el elemento, abrir un menú y elegir el destino. Lo importante es que no haga falta arrastrar.

Cómo comprobarlo

1. Buscar en la página funciones que se hagan arrastrando: listas, tableros, deslizadores, mapas, zonas para soltar archivos.
2. Para cada una, intentar hacer lo mismo solo con clics o toques, sin mantener pulsado.
3. Tener en cuenta que el teclado no basta: la alternativa debe funcionar con el ratón o el dedo.
4. Si alguna función solo se puede hacer arrastrando, hay fallo.

Ejemplo

Código correcto: cada foto se puede arrastrar, pero también subir o bajar con un clic.

<ul id="fotos">
  <li>Fachada
    <button type="button">Subir</button>
    <button type="button">Bajar</button>
  </li>
  <li>Cocina
    <button type="button">Subir</button>
    <button type="button">Bajar</button>
  </li>
</ul>