WCAG 4.1.2 · Niveau A

Elementer med ARIA-'hidden' må ikke indeholde fokuserbare elementer

Fokuserbare elementer er skjult for skærmlæsere, men kan stadig nås med tastaturet.

Hvad denne regel tjekker

Sørg for, at elementer med aria-hidden hverken er fokuserbare eller indeholder fokuserbare elementer.

Hvorfor det er vigtigt

Tastaturbrugere lander på elementer, som skærmlæsere ikke læser op (WCAG 4.1.2).

Sådan retter du det

  1. Fjern aria-hidden fra containere, der indeholder fokuserbare elementer, eller tilføj tabindex="-1" og attributten inert til skjulte menuer og slides uden for skærmen.

Sådan tjekker du rettelsen

  • Tab gennem siden med en skærmlæser kørende.

Sådan finder FixReports det

Vores scanning kører axe-core-reglen aria-hidden-focus i en rigtig Chrome-browser på hver side, den tester, og rapporterer hvert element, der fejler, med siden, markuppen og, hvor det er relevant, et skærmbillede.

En automatisk test bekræfter, at netop dette problem findes. Den kan ikke afgøre, om resten af siden er tilgængelig: nogle barrierer viser sig først, når et menneske tjekker siden.

Scan din hjemmeside i dag

Find det. Ret det. Bekræft det.

Hvilken slags website er det?

Dit svar vælger de rigtige tjek, fx købsrejsen for webshops. Vi tjekker stadig sidens egne tegn og viser begge dele.

Hvilken slags website er det?

Gratis scanning. Intet betalingskort nødvendigt.