css-hidden-focus
Los elementos enfocables no deben estar ocultos visualmente
manualWCAG 2.4.7 (AA)confianza: lowgravedad: seriousoperable
Comprueba que los elementos enfocables por teclado no estén ocultos visualmente mediante técnicas CSS que puedan dejarlos en el orden de tabulación.
Ámbito de aplicación. Se aplica a elementos que son tabulables (enfocables por teclado) pero están ocultos visualmente mediante técnicas CSS que pueden dejarlos en el orden de tabulación.
Resultado esperado. Ningún elemento debe ser tabulable mientras está oculto visualmente (por ejemplo, opacity:0, recortado, fuera de pantalla). Notas:
- Esta regla se dirige intencionadamente a técnicas CSS que *pueden* mantener enfocable a un elemento.
- Los elementos eliminados del renderizado (display:none, visibility:hidden, [hidden]) quedan excluidos.
- La regla usa heurísticas deterministas (análisis del estilo calculado) y no depende de la geometría de la maquetación.
Ejemplos
can't tell
<a href="/x" style="opacity:0;">Hidden but tabbable link</a>
El enlace permanece en el orden de tabulación a pesar de que `opacity:0` lo hace invisible para los usuarios de teclado videntes.
n/a
<a href="/x">Visible link</a>
El enlace es a la vez enfocable y visible: no hay nada que señalar.