A: Erforderliche ARIA-Attribute müssen bereitgestellt werden (WCAG 4.1.2)

Bedeutung
Auswirkung
Empfehlung
Beispiele

Stellt sicher, dass Elemente mit ARIA Rollen alle erforderlichen ARIA Attribute besitzen.

Das bedeutet

Bestimmte Rollen verlangen Pflicht Attribute. Beispiele:
slider braucht aria valuemin, aria valuemax, aria valuenow;
checkbox und switch brauchen aria checked;
tab braucht aria selected;
progressbar braucht Werte und einen Namen.
Fehlen diese Angaben, kann assistive Technik Zustand und Bereich nicht korrekt ansagen.

Auswirkung

Nutzerinnen und Nutzer verstehen Bedeutung und Status von Steuerelementen nicht. Bedienmuster funktionieren unzuverlässig, Fehlbedienungen und Abbrüche häufen sich. Ergebnis sind Verstöße gegen die WCAG.

Empfehlung

Wenn möglich native HTML Elemente verwenden.
Bei ARIA Rollen immer alle Pflicht Attribute laut Spezifikation setzen und bei Zustandswechseln aktuell halten.
Namen über aria label oder aria labelledby vergeben.
Mit automatischen Checks und Screenreader Tests verifizieren.

Beispiel

Problematisch

<div role="slider"></div>

Besser

<p id="vol-label">Lautstärke</p>
<div role="slider"
     aria-labelledby="vol-label"
     aria-valuemin="0"
     aria-valuemax="100"
     aria-valuenow="30">
</div>

Zweites Beispiel