Navegación con teclado: la prueba que la mayoría de los sitios suspende
Por El equipo de AsasWeb 1 min de lectura
Aparta el ratón e intenta completar tu tarea más importante usando solo Tab, Mayús y Tab, Enter, Espacio y las flechas. Un sitio aprueba cuando el foco es siempre visible, se mueve en un orden lógico, llega a cada enlace, botón y campo, y puede salir de cualquier menú o diálogo. Si una tarea no puede terminarse con teclado, un grupo real de clientes tampoco puede terminarla, y el acceso por teclado es la base sobre la que se construye el uso de lectores de pantalla.
Aquí tienes una prueba que puedes hacer en cinco minutos: aparta el ratón e intenta usar tu propia web solo con el teclado. Mucha gente tiene que navegar así, incluidos algunos que usan un lector de pantalla y muchos con diferencias motoras. Un número sorprendente de sitios suspende esta prueba.
Cómo probar
Usa la tecla Tab para avanzar, Mayús y Tab para retroceder, Intro y Espacio para activar, y las teclas de flecha dentro de los menús. Intenta completar tu tarea más importante, como encontrar un producto o enviar una consulta, sin tocar el ratón.
Qué buscar
- ¿Ves dónde estás? Un estilo de foco claro y visible debe seguirte mientras tabulas. Si el foco es invisible, el sitio es inutilizable con el teclado.
- ¿Es lógico el orden? El foco debe moverse en un orden de lectura sensato, no saltar de un sitio a otro.
- ¿Puedes llegar a todo? Cada enlace, botón y campo debe ser alcanzable y operable, incluidos los menús y las ventanas emergentes.
- ¿Puedes salir? Abre un menú o un diálogo, luego ciérralo con la tecla Escape y comprueba que el foco vuelve a algún lugar sensato. Vigila las trampas de las que no puedes salir con el tabulador.
Por qué importa
Si tú no puedes completar una tarea con el teclado, un grupo real de clientes tampoco puede, y se irán. El acceso por teclado es además la base sobre la que se construye el uso del lector de pantalla, así que arreglarlo eleva la accesibilidad de forma amplia.
Hacemos una pasada solo con teclado en cada proyecto, incluidos menús con foco atrapado que se cierran con Escape y devuelven el foco limpiamente. Si tu sitio suspende la prueba de desconectar el ratón, empieza un proyecto y lo arreglaremos.