← Alle Regeln

ARIA

Manche Elemente dürfen keinen ARIA-Namen tragen

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

Warum das wichtig ist

Ein generisches Element — ein einfaches div oder span ohne Rolle — darf keinen Namen haben. Hilfsmittel ignorieren aria-label dort, die Beschriftung wird also nie vorgelesen.

So beheben Sie es

1. Geben Sie dem Element eine Rolle, die Benennung erlaubt, oder nutzen Sie ein semantisches Element wie <section>, <nav> oder eine Überschrift.
2. Ist die Beschriftung nur für sehende Nutzer gedacht, verwenden Sie sichtbaren Text.
3. Bei dekorativen Elementen entfernen Sie aria-label.

Im Markup

<div aria-label="Latest news">Latest news</div>

<section aria-label="Latest news">Latest news</section>

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