100 puntos a saber sobre...
Accesibilidad digital

Alexia tiene una discapacidad motriz que le impide utilizar las manos. Para navegar por su ordenador, utiliza un puntero de cabeza que le permite pulsar las teclas del teclado. Alexia quiere reservar un vuelo online de Sofía a París.

Alexia enciende el ordenador. Con el puntero de la cabeza, pulsa la tecla "TAB" para seleccionar el acceso directo a Google Chrome y abre una página de búsqueda. Escribe su consulta en la barra de búsqueda: "Vuelo de Sofía a París", y pulsa "Enter". Pulsando la tecla TAB, navega por los resultados. Cuando un resultado es tabulado (seleccionado), tiene el foco del teclado indicado por un borde que rodea el texto, lo que significa que puede ser activado o manipulado con el teclado. Alexia puede visitar el sitio web de su elección pulsando la tecla "Enter".

Llega a la página web de una empresa de bajo coste. En la página de aterrizaje (landing page), los elementos con pestañas tienen un foco de teclado, lo que ayuda a Alexia a navegar por la página. El orden de navegación también sigue el flujo visual de la página: de izquierda a derecha y de arriba a abajo. Alexia puede introducir rápidamente su elección de fecha y elegir su vuelo. Luego pasa al siguiente paso: elegir su asiento en el avión.

En esta página, puede encontrar una imagen informativa sobre el equipaje y los asientos en la parte izquierda de la pantalla, y en la parte derecha, la disposición del avión donde puede seleccionar su asiento. Sin embargo, cuando pulsa la tecla "TAB" para ir directamente a la disposición del avión para seleccionar su asiento, el teclado se centra en la sección de información de la izquierda, en la que no se puede hacer clic. Por lo tanto, se confunde y vuelve varias veces a la parte superior de la página. Se da cuenta de que tiene que recorrer toda la sección de información para acceder a la disposición del avión y hacer su elección.

*Problema detectado: El sitio web contiene un elemento de la página web que no responde al ratón ni al tacto (la imagen informativa), pero se hace enfocable por el teclado a los usuarios con la tecla " TAB ". Hacer que los elementos no interactivos sean navegables con el teclado puede causar confusión y pérdida de tiempo.

Para ir más allá y entender cómo funciona la navegación por teclado, puedes ver este tutorial de accesibilidad de Google (la información del enlace está en inglés):