G90Permitir hacer con el teclado todo lo que se hace con el ratón

Por qué es importante

Muchas personas no pueden usar un ratón. Es el caso de personas ciegas, de personas con temblores o movilidad reducida en las manos y de quien usa un pulsador o un control por voz.

Estos dispositivos envían al navegador las mismas órdenes que un teclado. Si una función solo responde al ratón, esas personas no pueden usarla. Por ejemplo, no podrán ordenar los productos de una cesta que solo se reordena arrastrando.

Cómo se hace

1. Haga una lista de las acciones que dependen del ratón: arrastrar y soltar, pasar el puntero por encima, doble clic, menús que se abren al pasar el ratón.
2. Para cada una, asigne también una forma de hacerlo con el teclado. Por ejemplo, abrir el menú al recibir el foco o al pulsar Intro.
3. Si la acción es difícil de trasladar al teclado, ofrezca otra vía. Por ejemplo, botones «Subir» y «Bajar» junto a cada elemento de una lista que se ordena arrastrando.
4. Use, siempre que pueda, elementos nativos como <button> o <a>. Ya funcionan con el teclado sin programar nada.
5. Si usa JavaScript, junto a eventos como mouseover o mousedown programe sus equivalentes, como focus o keydown.

Cómo comprobarlo

1. Deje el ratón a un lado y recorra la página con Tab y Mayús+Tab.
2. Intente usar cada función: menús, pestañas, carruseles, arrastrar y soltar, mapas, reproductores.
3. Use Intro, Espacio y las flechas donde tenga sentido.
4. Confirme que puede hacer todas las tareas sin tocar el ratón.