WCAG 4.1.2 · Nivå A

Elementer med ARIA-'hidden' skal ikke inneholde fokuserbare elementer

Fokuserbare elementer er skjult for skjermlesere, men kan likevel nås med tastaturet.

Hva denne regelen sjekker

Sørg for at elementer med aria-hidden verken er fokuserbare eller inneholder fokuserbare elementer.

Hvorfor det er viktig

Tastaturbrukere havner på elementer som skjermlesere ikke leser opp (WCAG 4.1.2).

Slik fikser du det

  1. Fjern aria-hidden fra beholdere som inneholder fokuserbare elementer, eller legg til tabindex="-1" og attributtet inert på skjulte menyer og lysbilder utenfor skjermen.

Slik kontrollerer du utbedringen

  • Gå gjennom siden med Tab mens en skjermleser kjører.

Slik finner FixReports det

Skanningen vår kjører axe-core-regelen aria-hidden-focus i en ekte Chrome-nettleser på hver side den tester, og rapporterer hvert element som feiler, med siden, markupen og, der det er relevant, et skjermbilde.

En automatisk test bekrefter at akkurat dette problemet finnes. Den kan ikke si om resten av siden er universelt utformet: noen barrierer viser seg først når et menneske sjekker siden.

Skann nettstedet ditt i dag

Finn det. Fiks det. Bekreft det.

Hva slags nettsted er dette?

Svaret ditt velger riktige sjekker, som kjøpsreisen for nettbutikker. Vi sjekker likevel nettstedets egne tegn og viser begge.

Hva slags nettsted er dette?

Gratis skanning. Du trenger ikke betalingskort.