User-Aid Logo
Zurück zur Übersicht

presentation-role-conflict

Detailinformationen zur WCAG-Regel

Best PracticeGeringfügig

Als präsentationsbezogen markierte Elemente sollten kein globales ARIA oder tabindex haben, um sicherzustellen, dass alle Screenreader sie ignorieren

Elemente mit `role="presentation"` oder `role="none"` sollten keine globalen ARIA-Attribute haben oder fokussierbar sein.

Warum ist das wichtig?

Die Rollen `presentation` und `none` werden verwendet, um die Semantik eines Elements aus dem Barrierefreiheitsbaum zu entfernen. Wenn ein solches Element auch fokussierbar ist oder globale ARIA-Attribute hat, entsteht ein Konflikt, der zu unvorhersehbarem Verhalten bei Screenreadern führen kann.

Lösung

Entfernen Sie alle globalen ARIA-Attribute (wie `aria-label`) und `tabindex` von Elementen, die `role="presentation"` oder `role="none"` haben.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.