← Alle Regeln

ARIA

ARIA-Rollen müssen existieren und richtig geschrieben sein

• Regel: aria-roles
• Schweregrad: Kritisch
• WCAG-Stufe A

Warum das wichtig ist

Eine unbekannte Rolle wird verworfen, und das Element fällt stillschweigend auf das zurück, was es war — meist ein generisches div ganz ohne Bedeutung.

So beheben Sie es

1. Gleichen Sie den Rollennamen mit der ARIA-Spezifikation ab; die meisten Fehler hier sind Tippfehler.
2. Verwenden Sie eine Rolle pro Element, keine Liste.
3. Bevorzugen Sie das native Element, das die Rolle bereits hat.

Im Markup

<div role="buton">Send</div>

<div role="button">Send</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-roles (ö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.