Principio 3/3.2 Predecible/3.2.1-A

3.2.1-A. Al recibir el foco

3_Comprensible 3.2_Predecible

• Nivel: A
• Versión: 2.0
• Principio: 3_Comprensible
• Pauta: 3.2_Predecible
• Grupo: Comportamiento
• Subgrupo: Cambios_de_contexto

Discapacidades afectadas

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

• Motriz – Barrera grave
• Cognitiva – Barrera grave

Enunciado del criterio (Observatorio de Accesibilidad Web)

• Cuando un elemento recibe el foco del teclado no se debe iniciar ningún cambio de contexto.

Comprensión del criterio

Descripción resumida

Obtener el foco no debe provocar acciones automáticas como redirecciones, envío de formularios o apertura de elementos sin intervención explícita del usuario.

Objetivo

Mantener la navegación predecible y bajo control del usuario, evitando desorientación o pérdida de progreso.

Importancia de cumplir el criterio

Fundamental para usuarios que navegan con teclado o tecnologías de apoyo; un cambio inesperado puede impedir completar tareas o perder información.

Referencias WCAG

• Understanding Success Criterion 3.2.1: On Focus (W3C)
• WCAG Quick Reference – 3.2.1
• WebAIM — Predictable forms and navigation

Recursos de apoyo

• Buenas prácticas en formularios accesibles
• Evitar onfocus que provoque cambios de contexto

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

1. Paso 1. Navegar con Tab / Shift+Tab.
2. Paso 2. Verificar ausencia de cambios de contexto al enfocar.
3. Paso 3. Revisar onfocus / focus() / auto-submit.
4. Paso 4. Confirmar que las acciones requieren interacción explícita.

Resultado esperado

El foco no desencadena cambios de contexto; las acciones sólo ocurren tras interacción explícita del usuario.

Ejemplo

✅ Accesible: foco sin activar acciones

<input type="text" placeholder="Escribe tu nombre">

❌ No accesible: cambio al recibir foco

<a href="/otra-pagina" onfocus="window.location='/otra-pagina'">Ir a otra página</a>

✅ Alternativa accesible

<a href="/otra-pagina">Ir a otra página</a>

Otras herramientas de evaluación

• Navegación por teclado
• Inspección de eventos onfocus
• JAWS / NVDA / VoiceOver
• DevTools → Event listeners

Comentarios

A continuación se muestran comentarios sobre el criterio 3.2.1-A. Al recibir el foco

Loading comments...