← Alle Regeln

ARIA

Namen von ARIA-Attributen müssen gültig sein

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

Warum das wichtig ist

Ein Tippfehler (aria-labeledby mit einem „l“) ist kein Fehler, den ein Browser meldet. Er wird schlicht ignoriert — der zugängliche Name, den Sie setzen wollten, wurde nie gesetzt.

So beheben Sie es

1. Korrigieren Sie die Schreibweise anhand der ARIA-Spezifikation.
2. Entfernen Sie erfundene Attribute — ARIA kennt kein aria-role, aria-title oder aria-alt.
3. Aktivieren Sie einen Accessibility-Linter im Editor, damit so etwas vor dem Review auffällt.

Im Markup

<input aria-labeledby="email-label">

<input aria-labelledby="email-label">

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