Skrytý obsah dostává fokus

Hlášení v axe a Lighthouse: ARIA hidden element must not be focusable or contain focusable elements · aria-hidden-focus · WCAG 4.1.2

Co to znamená a proč na tom záleží

Uživatelé klávesnice se dostanou na prvky, které čtečka nevidí, a ztratí orientaci (WCAG 4.1.2).

Odstraňte fokusovatelné prvky z oblastí aria-hidden nebo doplňte tabindex="-1" / inert.

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

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

Otestujte zdarma libovolnou stránku — výsledek za pár sekund, s návodem k opravě.