Criterios de Operable
OperablePauta 2.4 Navegable
2.4.11Foco no oculto (mínimo)
Nivel AANuevo en WCAG 2.2Lo exige la normativa (EN 301 549).
Qué pide
El elemento con foco no queda totalmente tapado por contenido del autor, como cabeceras fijas o banners de cookies.
A quién ayuda: Usuarios de teclado y personas con baja visión.
Un caso real
Una web tiene una cabecera fija y un banner de cookies abajo.
BienAl tabular, la página se desplaza para que el elemento con foco quede visible.
MalEl foco queda detrás del banner de cookies y no se ve.
Cómo aplicarlo en código
Que la cabecera fija no tape el foco
scroll-padding reserva el espacio de la cabecera o del banner cuando el navegador desplaza la página hasta el elemento enfocado.
.cabecera { position: sticky; top: 0; }
html {
scroll-padding-top: 5rem; /* alto de la cabecera */
scroll-padding-bottom: 6rem; /* alto del banner de cookies */
}/* Ocupa media pantalla y tapa lo que se enfoca debajo */
.cookies { position: fixed; bottom: 0; height: 50vh; }Cómo comprobarlo
Tabula por la página con cabeceras fijas, chats y banners visibles.