Ukryta treść otrzymuje fokus

Komunikat w axe i Lighthouse: Ukryty element ARIA nie może zawierać elementów przyjmujących fokus. · aria-hidden-focus · WCAG 4.1.2

Co to oznacza i dlaczego jest ważne

Użytkownicy klawiatury trafiają na elementy, których czytnik ekranu nie widzi, i gubią się (WCAG 4.1.2).

Usuń elementy fokusowalne z obszarów aria-hidden lub dodaj tabindex="-1" / inert.

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

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

Przetestuj za darmo dowolną stronę — wynik w kilka sekund, z instrukcjami naprawy.