WCAG 4.1.2 · nivå A

ARIA-hidden-element får inte vara fokuserbara eller innehålla fokuserbara element

Fokuserbara element är dolda för skärmläsare men kan ändå nås med tangentbordet.

Vad regeln kontrollerar

Säkerställ att aria-hidden-element inte är fokuserbara och inte heller innehåller fokuserbara element.

Därför spelar det roll

Tangentbordsanvändare hamnar på element som skärmläsare inte läser upp (WCAG 4.1.2).

Så åtgärdar du det

  1. Ta bort aria-hidden från behållare som innehåller fokuserbara element, eller lägg till tabindex="-1" och attributet inert på dolda menyer utanför skärmen och dolda bilder i bildspel.

Så kontrollerar du åtgärden

  • Tabba igenom sidan med en skärmläsare igång.

Så hittar FixReports det

Vår skanning kör axe-core-regeln aria-hidden-focus i en riktig Chrome-webbläsare på varje sida den testar och rapporterar varje felande element med sida, kod och, där det är relevant, en skärmbild.

Ett automatiskt test bekräftar att just det här problemet finns. Det kan inte avgöra om resten av sidan är tillgänglig: vissa hinder syns först när en människa granskar sidan.

Skanna din webbplats i dag

Hitta. Åtgärda. Verifiera.

Vilken typ av webbplats är det här?

Ditt svar väljer rätt kontroller, till exempel köpresan för webbutiker. Vi kontrollerar ändå webbplatsens egna tecken och visar båda.

Vilken typ av webbplats är det här?

Gratis skanning. Inget betalkort krävs.