← Alle Regeln

ARIA

Manche ARIA-Attribute widersprechen dem nativen Element

• Regel: aria-conditional-attr
• Schweregrad: Schwerwiegend
• WCAG-Stufe A

Warum das wichtig ist

Eine Checkbox meldet ihren Zustand bereits selbst. Ein zusätzliches aria-checked kann davon abweichen, und Hilfsmittel glauben dem Attribut — angesagt wird dann das Gegenteil dessen, was zu sehen ist.

So beheben Sie es

1. Entfernen Sie das ARIA-Attribut und lassen Sie das native Element seinen Zustand selbst melden.
2. Steuern Sie den Zustand über die DOM-Eigenschaft (checked, selected, disabled).
3. ARIA-Zustände bleiben eigenen Bedienelementen aus generischen Elementen vorbehalten, wo sie sonst niemand meldet.

Im Markup

<input type="checkbox" aria-checked="true">

<input type="checkbox" checked>

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-conditional-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.