WCAG ARIA

WCAG ARIA: Code gegen Prüfspuren halten.

Fügen Sie ein HTML-Snippet ein. Der Prüfer sucht ungültige Rollen, Zustände, Namen und ID-Beziehungen – und zeigt, welches WCAG-Kriterium Sie als Nächstes absichern müssen.

ARIA-Vertragsprüfung

Name · Rolle · Zustand · Beziehung

3 Fehler2 Hinweise

WCAG-Mapping

Automatischer Befund ≠ vollständiger Konformitätsnachweis

1.3.1
Info & Beziehungen1 strukturelle Abweichung
2.1.1
Tastatur2 manuell absichern
4.1.2
Name, Rolle, Wert2 strukturelle Abweichungen
4.1.3
StatusmeldungenNur bei dynamischen Meldungen

Befunde im Snippet

4.1.2div[role="button"]
Ungültiger ARIA-Zustand
aria-expanded akzeptiert nur true, false oder undefined.
1.3.1#preis
Beschriftungsziel fehlt
aria-labelledby verweist auf die nicht vorhandene ID „preis-titel“.
4.1.2div[role="checkbox"]
Zugänglicher Name fehlt
Das Element mit role="checkbox" hat keinen ermittelbaren Namen.
2.1.1div[role="button"]
Kein Tastaturpfad erkennbar
Eine eigene interaktive Rolle braucht Fokus und passende Tastatur-Events.
2.1.1div[role="checkbox"]
Kein Tastaturpfad erkennbar
Eine eigene interaktive Rolle braucht Fokus und passende Tastatur-Events.