ARIA
aria-roledescription braucht eine Rolle, die es beschreibt
- Regel:
aria-roledescription - Schweregrad: Schwerwiegend
- WCAG-Stufe A
Warum das wichtig ist
Das Attribut ersetzt die gesprochene Bezeichnung einer Rolle. An einem Element ohne Rolle gibt es nichts zu ersetzen, also wird es verworfen und die eigene Bezeichnung erreicht niemanden.
So beheben Sie es
- Geben Sie dem Element erst eine explizite Rolle, bevor Sie sie beschreiben.
- Halten Sie die Beschreibung kurz und in der Seitensprache — sie wird jedes Mal vorgelesen.
- Benennen Sie vertraute Rollen nicht zur Zierde um: „Folie“ hilft, „Schicke Box“ nicht.
Im Markup
<div aria-roledescription="Slide">...</div><div role="group" aria-roledescription="Slide" aria-label="1 of 5">...</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-roledescription (ö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.