Al recibir el foco
Cuando un componente de interfaz de usuario recibe el foco, no debe producirse ningún cambio de contexto — sin navegación automática a otra página, sin apertura de ventanas nuevas, sin reorganizaciones importantes del contenido. El foco sirve para orientar, no para ejecutar acciones.
Qué exige este criterio
Recibir el foco nunca debe desencadenar un «cambio de contexto». WCAG define un cambio de contexto como: navegar a una nueva página, abrir una ventana nueva, desplazar el foco a un componente diferente o reorganizar de forma significativa el contenido de la página. El foco es el equivalente de teclado de mover el ratón sobre un elemento — debe permanecer pasivo.
El usuario debe dirigir los cambios de contexto mediante una activación deliberada: pulsando un botón, presionando Intro sobre un enlace o enviando un formulario.
Cómo cumplirlo
- No llamar a
window.open,location.href = …ni aform.submit()desde un manejador de eventosfocus. - Las sugerencias emergentes (tooltips) y los despliegues de información al recibir el foco son aceptables — no constituyen un cambio de contexto. Los intercambios importantes de contenido sí lo constituyen.
- En los controles de autocompletar, desplazar el foco a una opción no vulnera este criterio siempre que la lista de sugerencias sea el comportamiento esperado.
- Si resulta necesario mostrar interfaz adicional cuando un elemento recibe el foco (por ejemplo, texto de ayuda junto a un campo de entrada), manténgala adyacente y no perturbadora.
- Realizar pruebas con el teclado: tabular por todos los elementos interactivos. Cualquier elemento que «salte» o se auto-envíe al recibir el foco constituye un fallo.
Fallos habituales
- Un menú desplegable que se auto-envía cuando una opción recibe el foco mediante las teclas de cursor.
- Tabular hasta un enlace que desencadena una navegación inmediata a través de un manejador
onfocus. - Selectores de fecha que se cierran en el instante en que el siguiente campo recibe el foco, antes de que el usuario haya terminado de interactuar.
- Formularios de inicio de sesión que se auto-envían cuando el campo de contraseña recibe el foco desde un gestor de contraseñas.
Por qué es importante
Los usuarios de teclado navegan desplazando el foco secuencialmente por la página. Si el foco desencadena un cambio de contexto, el usuario se encuentra de repente en un lugar al que no tenía intención de ir — y para los usuarios de lectores de pantalla esto es desorientador, porque la cola de anuncios cambia de forma inesperada. La regla es sencilla: el foco orienta, la activación actúa.