Skrytý obsah dostáva fokus

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

Čo to znamená a prečo na tom záleží

Používatelia klávesnice sa dostanú na prvky, ktoré čítačka nevidí, a stratia orientáciu (WCAG 4.1.2).

Odstráňte fokusovateľné prvky z oblastí aria-hidden alebo 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 zadarmo ľubovoľnú stránku — výsledok za pár sekúnd, s návodom na opravu.