aria-hidden-focus
Los elementos ocultos con ARIA no deben ser enfocables
automaticWCAG 2.4.7, 4.1.2 (AA)confianza: highgravedad: seriousrobust
Comprueba que los elementos con aria-hidden="true" no sean enfocables y no contengan descendientes enfocables.
Ámbito de aplicación. Se aplica a elementos que tienen aria-hidden="true".
Resultado esperado. Ningún elemento con aria-hidden="true" puede ser en sí mismo enfocable, y no puede existir ningún elemento enfocable dentro de un subárbol con aria-hidden="true". Notas:
- La capacidad de recibir foco se calcula mediante ctx.helpers.getFocusableInfo (nativo + tabindex + contenteditable).
- Los elementos que no se renderizan (p. ej., display:none, visibility:hidden, [hidden]) quedan excluidos.
- Los elementos ocultos mediante CSS de formas que igualmente permiten el foco de teclado (p. ej., opacity:0, fuera de pantalla, clip) siguen dentro del alcance y se marcarán cuando sean enfocables.
Ejemplos
pass
<div aria-hidden="true"><p>Decorative text</p></div>
Nada dentro del subárbol oculto es enfocable, por lo que ocultarlo de la tecnología de asistencia no deja ninguna parada de foco muerta.
fail
<div aria-hidden="true"><a href="/x">Link</a></div>
El enlace permanece en el orden de tabulación aunque `aria-hidden` lo elimine del árbol de accesibilidad.