User-Aid Logo
Zurück zur Übersicht

aria-conditional-attr

Detailinformationen zur WCAG-Regel

WCAG 2Ernsthaft

Stellen Sie sicher, dass ARIA-Attribute wie in der Spezifikation der Rolle des Elements beschrieben verwendet werden

Einige ARIA-Attribute sind für ein Element nur unter bestimmten Bedingungen zulässig. Zum Beispiel sollte aria-checked nicht für HTML-Checkbox-Eingaben verwendet werden, und Attribute wie aria-level, aria-expanded können nur für Zeilen innerhalb eines Treegrids verwendet werden.

Warum ist das wichtig?

Die Verwendung von ARIA-Attributen auf Elementen, wo sie nicht erwartet werden, kann zu unvorhersehbarem Verhalten bei assistiven Technologien führen. Dies kann zu einer schlechten Benutzererfahrung für Menschen mit Behinderungen führen, die auf diese Technologien angewiesen sind.

Lösung

Entfernen Sie bei Kontrollkästchen aria-checked und verwenden Sie den nativen Kontrollkästchenstatus des Browsers. Ändern Sie bei Zeilenelementen die übergeordnete Tabelle oder das Raster in ein Treegrid, wenn bedingte ARIA-Attribute unerlässlich sind.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.