Todas las colecciones
Material educativo
Pruebas de accesibilidad en dispositivos de escritorio - Navegación con el teclado
Pruebas de accesibilidad en dispositivos de escritorio - Navegación con el teclado

Aprende rápidamente cómo probar la Navegación con el Teclado para la Accesibilidad.

Andrew Radchanka avatar
Escrito por Andrew Radchanka
Actualizado hace más de una semana

Motivación

El diseño accesible se ha vuelto cada vez más importante para nuestros clientes globales, especialmente para aquellos que provienen de países donde las leyes regulan el nivel de accesibilidad requerido para cumplir con las normas básicas. Uno de los requisitos fundamentales es que los sitios web o aplicaciones sean completamente accesibles mediante la navegación con el teclado. La accesibilidad no se limita solo a la entrada del teclado, sino que abarca todos los demás métodos de entrada, como el ratón, la voz, etc. Para los probadores de accesibilidad novatos, la navegación con el teclado es el lugar más fácil desde el cual comenzar su viaje de pruebas.

Mecánica de las pruebas de Accesibilidad en la Navegación con el Teclado en dispositivos con Windows 10 y macOS

Después de cargar el entorno de pruebas, verifica qué elementos están accesibles mediante el uso del teclado de escritorio. Al presionar la tecla TAB, confirma que cada uno de los siguientes elementos recibe el enfoque de entrada: todos los elementos de menú, enlaces, botones, campos de entrada, casillas de verificación, etc. Asegúrate de poder activar selecciones presionando la tecla ENTER/RETURN. Confirma que los controles desplegables se expanden al darles el enfoque de entrada a través de la selección con TAB y al presionar la tecla ESPACIO. Verifica la ausencia de "trampas de teclado" (una trampa de teclado ocurre cuando el usuario presiona TAB en un elemento y no puede avanzar, o en el peor de los casos, no puede moverse del elemento con TAB en ninguna dirección). Confirma que todos los elementos de acción sean accesibles mediante la tecla TAB. También es importante asegurarse de poder retroceder a través de los diversos controles usando la combinación de teclas SHIFT+TAB para retroceder uno o más pasos.

Las teclas mencionadas anteriormente no son las únicas que puedes usar al probar la Navegación con el Teclado. Puedes encontrar una lista detallada de teclas a continuación:

Tecla o Combinación de Teclas

Función

Comentario

TAB

Navega a través de los elementos activos.

Este progreso de navegación se indica mediante un cambio en el enfoque resaltado.

SHIFT+TAB

Navegación inversa a través de los elementos activos.

ENTER/RETURN

Utilizado para activar el elemento seleccionado.

Menús desplegables, controles de alternancia, etc.

FLECHAS

Utilizadas para la navegación dentro del control.

Recorre menús, desplázate izquierda/derecha/arriba/abajo a través de campos de texto, etc.

ESC

Utilizado para salir de un elemento.

Cierra un menú, colapsa un menú desplegable, etc.

INICIO

Utilizado para navegar hasta la parte superior de la página

Equivalente en Mac: fn + FLECHA IZQUIERDA

FIN

Utilizado para navegar hasta el final de la página

Equivalente en Mac: fn + FLECHA DERECHA

PÁGINA ARRIBA

Utilizado para aumentar el valor de un control deslizante en un 10%

Equivalente en Mac: fn + FLECHA ARRIBA

PÁGINA ABAJO

Utilizado para disminuir el valor de un control deslizante en un 10%

Equivalente en Mac: fn + FLECHA ABAJO

Nota: Recuerda que al informar sobre errores de Accesibilidad en la Navegación con el Teclado, no se te permite grabar el sonido en la grabación de pantalla.

Nota para los usuarios de Windows 10: Utiliza la aplicación Teclado en Pantalla de Windows para reproducir el error en la grabación de pantalla. Para abrir rápidamente el Teclado en Pantalla en tu dispositivo con Windows 10, presiona simultáneamente las teclas Win+CTRL+O en tu teclado físico.

Nota para los usuarios de Mac: Para abrir la aplicación Teclado en macOS, presiona simultáneamente Opción+Comando+F5, selecciona Teclado de Accesibilidad y haz clic en el botón Hecho.

Puntos de control WCAG 2.1.

Antes de centrarnos en los criterios de éxito relacionados con la Navegación con el Teclado, debemos recordarte que nuestra plataforma ejecuta pruebas para los niveles de Accesibilidad A y AA. El nivel de Accesibilidad AAA no está dentro del alcance de las pruebas de Accesibilidad de Test IO.

Existen 4 criterios de éxito relacionados con la Navegación con el Teclado que deben cumplirse para asegurar que el entorno del cliente sea accesible para todos los usuarios: 2.1.1., 2.1.2., 2.1.3 y 2.1.4. Dado que 2.1.3. pertenece al nivel AAA de conformidad, no lo incluiremos en nuestro análisis.

2.1.1. Punto de control de Accesibilidad

Este criterio de éxito tiene como objetivo garantizar que todos los elementos estén al alcance de los usuarios que utilizan el teclado y otras opciones de entrada para acceder al contenido web. Los usuarios que se benefician de un contenido web accesible mediante la Navegación con el Teclado son en su mayoría personas con discapacidades visuales o discapacidades físicas que les impiden usar un ratón de manera precisa (por ejemplo, temblores en las manos).

Para comprobar si el entorno no cumple con estos criterios, utiliza las teclas mencionadas anteriormente para enfocar y activar selecciones. Si un elemento en el alcance de la prueba no es accesible mediante el teclado, debes informar de un error. Recuerda que el problema 2.1.1. es un error de Accesibilidad de Nivel A y que los errores de Nivel A son muy importantes para nuestros clientes.

2.1.2. Punto de control de Accesibilidad

Este criterio de éxito tiene como objetivo asegurarse de que el usuario no quede atrapado mientras "tabula" a través del contenido web. Para probar el entorno en función de este criterio, utiliza la tecla TAB en tu teclado para asegurarte de que puedes acceder a cualquier función de acción y que no quedas bloqueado en un elemento mientras "tabulas". Al igual que en el punto de control anterior, 2.1.2. es también un error de Accesibilidad de Nivel A.

2.1.4. Punto de control de Accesibilidad

Este criterio de éxito tiene como objetivo asegurarse de que los accesos directos de teclas de un solo carácter estén activos dentro del entorno solo cuando tienen enfoque, o que haya un mecanismo para desactivarlos o reasignar los accesos directos para incluir más de una tecla. En cuanto a la gravedad, 2.1.4. es un error de Accesibilidad de Nivel A.

Nota: Aquí debes tener en cuenta que, como en cualquier prueba en nuestra plataforma, debes tener cuidado de no informar de un error duplicado.

¿Ha quedado contestada tu pregunta?