Contenido oculto que recibe el foco

Mensaje que muestran axe y Lighthouse: Los elementos 'ARIA hidden' no deben contener elementos que admitan el foco · aria-hidden-focus · WCAG 4.1.2

Qué significa y por qué importa

Quien navega con teclado acaba en elementos que el lector de pantalla no ve y se pierde (WCAG 4.1.2).

Cómo corregirlo

Quita los elementos enfocables de las zonas aria-hidden o añade tabindex="-1" / inert.

Ejemplo de código

Antes

<div aria-hidden="true">
  <a href="/sale">Sale</a>
</div>

Después

<div aria-hidden="true" inert>
  <a href="/sale">Sale</a>
</div>

Todos los errores de accesibilidad