Tool Hub

A11y-Überprüfung

Statische a11y-Prüfung (alt/label/role/Überschriftenreihenfolge) — Teilmenge von WCAG 2.1

Probleme
0 Fehler
0 Warnungen

⚠ Subset of WCAG 2.1 — for full audit use axe-core or Lighthouse.

Wie man es benutzt

  1. Fügen Sie Ihren HTML-Snippet in das Eingabefeld ein.
  2. Das Checker-Tool scannt sofort nach gängigen a11y-Problemen wie fehlenden alt-Attributen, leeren Schaltflächen, unbeschrifteten Eingaben und ungültigen ARIA-Rollen.
  3. Überprüfen Sie jeden gemeldeten Fehler im Ergebnis-Panel mit dem Regelnamen und dem problematischen Element.
  4. Beheben Sie das HTML und beobachten Sie, wie die Fehlerliste in Echtzeit aktualisiert wird.

Beispiele

  • Das Einfügen von <input type="text" placeholder="Email" /> meldet ein fehlende label — umschließen Sie es mit <label>, um das Problem zu beheben.
  • Ein <img src="/logo.png" /> ohne alt-Attribut wird als Verstoß gemeldet; Hinzufügen von alt="Company logo" behebt das Problem sofort.

Ergebnisse vor dem Produktiveinsatz prüfen. Keine Gewährleistung — siehe Nutzungsbedingungen.