Barrierefreiheitsprobleme in HTML finden
Füge HTML ein, um fehlenden Alt-Text, unbeschriftete Felder und andere typische WCAG-Probleme zu finden, jeweils mit einer Lösung.
- Läuft auf deinem Gerät
- Keine Anmeldung
- Funktioniert nach einem Besuch offline
Nur das Markup wird geprüft. Stylesheets werden nicht gerendert, daher werden Farben aus CSS und die Fokusreihenfolge nicht getestet. Das HTML bleibt in diesem Tab.
So eine Seite auf Barrierefreiheitsprobleme prüfen
- Füge den HTML-Code der Seite ein oder lade das Beispiel.
- Filtere die Liste nach Fehlern oder Warnungen.
- Behebe jedes Problem in der Zeile, auf die es zeigt.
Fragen
Was wird geprüft?
Fehlender Alt-Text, unbeschriftete Felder, leere Schaltflächen und Links, unklarer Linktext, übersprungene Überschriften, Tabellen ohne Kopfzellen, positives tabindex, auf Handys blockierter Zoom, iframes ohne Titel, zu wenig Kontrast in Inline-Styles und Videos ohne Untertitel.
Warum ist ein sauberes Ergebnis kein vollständiger Test?
Der Checker liest nur das Markup. Er kann keine Farben aus Stylesheets, die Fokusreihenfolge auf dem Bildschirm oder das erkennen, was ein Screenreader vorliest. Teste zusätzlich mit der Tastatur und einem Screenreader.
Was bedeuten die WCAG-Stufen?
WCAG 2.2 hat drei Stufen. A ist das Minimum, AA ist die Stufe, auf die sich die meisten Barrierefreiheitsstandards und Gesetze beziehen, und AAA ist die strengste. Jedes Problem zeigt das Kriterium, gegen das es verstößt.
Wird mein HTML irgendwohin gesendet?
Nein. Dein Browser liest das HTML in diesem Tab, und nichts wird an einen Server gesendet.
Bewertungen
Noch keine Bewertungen. Schreib die erste.