← Alle Regeln

ARIA

Manche Rollen setzen eigene Attribute voraus

• Regel: aria-required-attr
• Schweregrad: Kritisch
• WCAG-Stufe A

Warum das wichtig ist

Eine Rolle wie checkbox, slider oder combobox ist ein Versprechen über das Verhalten. Ohne die erforderlichen Attribute lässt sich der Zustand nicht ansagen, und das Bedienelement wirkt unbenutzbar.

So beheben Sie es

1. Ergänzen Sie die von der Rolle geforderten Attribute (aria-checked bei checkbox, aria-valuenow bei slider).
2. Aktualisieren Sie sie in JavaScript bei jeder Zustandsänderung, nicht nur beim ersten Rendern.
3. Ein natives <input> liefert all das ohne ARIA.

Im Markup

<div role="checkbox" tabindex="0">Subscribe</div>

<div role="checkbox" tabindex="0" aria-checked="false">Subscribe</div>

Die Anforderung dahinter

Diese Regel ist eine Art, die folgenden WCAG-2.2-Erfolgskriterien zu verfehlen. Das W3C, das den Standard herausgibt, erläutert jedes davon:

• 4.1.2 Name, Rolle, Wert (öffnet in neuem Tab) — WCAG-Stufe A

Weiterführende Quellen

Deque University zu aria-required-attr (öffnet in neuem Tab)

Deque entwickelt axe-core, die quelloffene Prüf-Engine unseres Scanners. Ihre Seite dokumentiert die Regel so, wie die Engine sie umsetzt.

Automatische Prüfungen finden Fehler, die ein Browser nachweisen kann. Ob eine Untertitelspur inhaltlich stimmt, ob ein Alternativtext wirklich hilft oder ob sich eine Seite durchgängig mit der Tastatur bedienen lässt, kann nur ein Mensch beurteilen.