Principio 2/2.1 Teclado Accesible/2.1.2-A

De WCAG Wiki

2.1.2-A. Sin trampas para el foco

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • Si es posible mover el foco a un componente de la página utilizando el teclado, entonces el foco se puede quitar de dicho componente usando solo el teclado. Si se requiere un mecanismo distinto de las teclas estándar (Tab, Shift+Tab, flechas), se debe informar al usuario.

Comprensión del criterio

Descripción resumida

Este criterio garantiza que el foco de teclado no quede atrapado en ningún elemento.

El usuario debe poder entrar y salir de cualquier componente interactivo usando solo el teclado, sin necesidad de ratón.

Si un control requiere otra acción para salir, debe estar indicada.

Objetivo

Evitar que los usuarios queden atrapados en un componente o sección de la página al navegar con teclado. Permite recuperar el control y continuar el flujo de navegación.

Importancia de cumplir el criterio

Si el foco se bloquea, los usuarios que dependen del teclado no pueden seguir navegando, completar tareas ni salir del componente. Esto puede provocar abandono de la página o imposibilidad total de uso.

Referencias WCAG

  • G21: Evitar trampas de foco
  • F10: Fallos por bloquear el foco

Recursos de apoyo

  • Probar navegación solo con teclado
  • Asegurar que menús, diálogos y elementos interactivos permiten salir con Tab/Shift+Tab
  • Informar si se necesita otra tecla para salir (por ejemplo, Escape)

Evaluación del criterio

Tipo de evaluación

Procedimiento de evaluación

  1. Paso 1. Navegar por toda la página con teclado.
  2. Paso 2. Entrar en componentes interactivos (menús, pop-ups, sliders, iframes, componentes JS).
  3. Paso 3. Verificar que es posible salir usando solo el teclado (Tab, Shift+Tab, o indicación clara si requiere otra tecla).

Resultado esperado

El foco del teclado puede entrar y salir de cualquier componente sin quedar atrapado.

Ejemplo

Una ventana modal accesible permite cerrarse con teclado (Esc o botón con foco) y devuelve el foco al elemento que la abrió. Un iframe accesible permite entrar y salir con Tab/Shift+Tab.

Otras herramientas de evaluación

Prueba manual con teclado










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.1.2-A. Sin trampas para el foco

Loading comments...