Verborgen inhoud krijgt focus

Melding in axe en Lighthouse: ARIA hidden element must not be focusable or contain focusable elements · aria-hidden-focus · WCAG 4.1.2

Wat het betekent en waarom het belangrijk is

Toetsenbordgebruikers belanden op elementen die de schermlezer niet ziet en raken de weg kwijt (WCAG 4.1.2).

Zo los je het op

Haal focusbare elementen uit aria-hidden-gebieden of voeg tabindex="-1" / inert toe.

Codevoorbeeld

Voor

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

Na

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

Alle toegankelijkheidsfouten