Stellt sicher, dass aria-hidden=true nicht im Dokument-Body vorhanden ist

Blind Sehbehindert
WCAG 2.2 Level A
Von Menschen für Menschen geschrieben und recherchiert
Foto des Experten
Ritvik Shrivastava
Fachmännisch überprüft von
Kommentare: 0
Ihre gesamte Domain
Erhalten Sie detaillierte Anweisungen, wie Sie jedes Barrierefreiheitsproblem auf Ihrer Website beheben können

Wenn das Attribut aria-hidden=”true” im Body eines Dokuments vorhanden ist, ist der Inhalt für unterstützende Technologien nicht zugänglich.

Warum es wichtig ist

Screenreader ignorieren Inhalte, die mit dem Attribut aria-hidden=”true” gekennzeichnet sind.

Alle Elemente, die für sehende Benutzer zugänglich sind, müssen auch für Screenreader-Benutzer verfügbar sein. Gleiches gilt für versteckte Inhalte: Wenn sie für sehende Benutzer verborgen sind, sollten sie auch für Benutzer, die auf Screenreader angewiesen sind, verborgen sein. Das Ziel ist es, ein gleichwertiges Erlebnis für alle zu bieten.

Behebung des Problems

Stellen Sie sicher, dass Sie das Attribut aria-hidden=”true” aus jedem Body-Element des Dokuments entfernen.

Beachten Sie, dass das Attribut aria-hidden=”false” bekanntermaßen inkonsistent funktioniert, wenn es zusammen mit Stilen oder Attributen verwendet wird, die historisch das Rendern in allen Modalitäten verhindert haben. Testen Sie daher gründlich, bevor Sie diesen Ansatz wählen.

Sie können auch in Betracht ziehen, den versteckten Inhalt an einen anderen Ort zu verschieben, der nicht das Body-Element ist.