Criterios de Operable
OperablePauta 2.4 Navegable
2.4.7Foco visible
Nivel AALo exige la normativa (EN 301 549).
Qué pide
Siempre se ve qué elemento tiene el foco del teclado.
A quién ayuda: Usuarios de teclado.
Un caso real
Una web elimina el contorno de foco por estética.
BienUn indicador claro, como el contorno amarillo y negro de esta página.
Maloutline: none sin alternativa; no se sabe dónde estás.
Cómo aplicarlo en código
Indicador de foco visible
:focus-visible muestra el anillo al usar el teclado y no al hacer clic con el ratón.
:focus-visible {
outline: 3px solid #1747a6;
outline-offset: 2px;
}*:focus { outline: none; } /* y ningún estilo que lo sustituya */Cómo comprobarlo
Navega con Tab y comprueba que siempre ves dónde está el foco.