Principio 2/2.1 Teclado Accesible/2.1.2-A

2.1.2-A. Sin trampas para el foco

2_Operable 2.1_Controlar_desde_teclado

• Nivel: A
• Versión: 2.0
• Principio: 2_Operable
• Pauta: 2.1_Controlar_desde_teclado
• Grupo: Interaccion
• Subgrupo: Foco_del_teclado

Discapacidades afectadas

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

• Motriz – Barrera grave
• Visual total – Barrera grave

Enunciado del criterio (Observatorio de Accesibilidad Web)

• El foco del teclado no debe quedar bloqueado en ningún elemento de la página.

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: Ensuring that users are not trapped in content
• F10: Failure due to combining multiple content formats in a way that traps users inside one format type

Recursos de apoyo

Consejos

• 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

Evaluación Manual

Procedimiento de evaluación

1. Paso 1. Utilizar el teclado para desplazarse a lo largo de la página.
2. Paso 2. Verificar que el foco pasa de un elemento al siguiente utilizando solamente el teclado y que no se bloquea.

Resultado esperado

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

Ejemplo

{{{wcag_ejemplo_evaluacion}}}

Otras herramientas de evaluación

• Navegación por teclado: recorrer la página con Tab y Shift + Tab para confirmar que el foco puede entrar y salir de todos los componentes sin quedar atrapado.
• Pruebas en componentes interactivos: comprobar especialmente menús, modales, carruseles, iframes, widgets y elementos personalizados para asegurar que el foco se puede mover libremente.
• Inspección del navegador: verificar que los scripts no bloquean el foco ni lo fuerzan a permanecer en un elemento sin opción de salida.
• Lectores de pantalla: (NVDA, JAWS, VoiceOver) navegar secuencialmente y confirmar que no se producen ciclos de foco ni zonas inaccesibles con teclado.

Comentarios

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

Loading comments...