WCAG 4.1.2 · Stufe A

ARIA-hidden Elemente dürfen keine fokussierbaren Elemente beinhalten

Fokussierbare Elemente sind vor Screenreadern verborgen, lassen sich aber weiterhin mit der Tastatur erreichen.

Was diese Regel prüft

Stellt sicher, dass ARIA-hidden Elemente keine fokussierbaren Elemente beinhalten.

Warum das wichtig ist

Tastaturnutzer landen auf Elementen, die Screenreader nicht ansagen (WCAG 4.1.2).

So beheben Sie es

  1. Entfernen Sie aria-hidden von Containern mit fokussierbaren Elementen, oder ergänzen Sie bei verborgenen Off-Canvas-Menüs und Slides tabindex="-1" und das Attribut inert.

So prüfen Sie die Korrektur

  • Gehen Sie die Seite bei laufendem Screenreader mit der Tabulatortaste durch.

So findet FixReports das Problem

Unser Scan führt die axe-core-Regel aria-hidden-focus in einem echten Chrome-Browser auf jeder getesteten Seite aus und meldet jedes fehlerhafte Element mit seiner Seite, seinem Markup und, wo zutreffend, einem Screenshot.

Ein automatisierter Test bestätigt, dass genau dieses Problem vorliegt. Ob der Rest der Seite barrierefrei ist, kann er nicht beurteilen: Manche Barrieren zeigen sich erst, wenn ein Mensch die Seite prüft.

Prüfen Sie Ihre Website noch heute

Finden. Beheben. Überprüfen.

Was für eine Website ist das?

Ihre Antwort wählt die passenden Prüfungen, etwa den Einkaufsweg für Onlineshops. Wir prüfen trotzdem die Hinweise der Website selbst und zeigen beides.

Was für eine Website ist das?

Kostenloser Scan. Keine Kreditkarte nötig.