In 3 Schritten
- Farben und Kontrast messen.
- Mit Tab, Enter und Escape durch die Seite navigieren.
- HTML-Struktur und Mobilansicht kontrollieren.
Textkontrast messen
Für normalen Text nennt WCAG 2.2 auf AA-Niveau in der Regel ein Kontrastverhältnis von mindestens 4,5:1; für großen Text mindestens 3:1. Das ist eine wichtige Einzelprüfung, ersetzt aber keinen vollständigen Barrierefreiheits-Test.
Tastatur und Fokus sichtbar halten
Jeder interaktive Bereich sollte ohne Maus erreichbar sein. Mit der Tab-Taste lässt sich prüfen, ob Navigation, Formulare und Buttons in sinnvoller Reihenfolge erreicht werden. Ein klar sichtbarer Fokusrahmen darf nicht nur aus Designgründen entfernt werden.
Überschriften und Alternativtexte
Ein verständlicher Seitentitel und logisch verschachtelte Überschriften helfen beim schnellen Erfassen der Inhalte. Informative Bilder brauchen passende Alternativtexte; rein dekorative Bilder sollten entsprechend behandelt werden.
Mobile Darstellung testen
Bei 200 % Vergrößerung dürfen wichtige Inhalte nicht abgeschnitten werden. Prüfe Formulare und Buttons auf einem schmalen Smartphone. Auch im Querformat sollten Menüs zugänglich bleiben.
Passende kostenlose Werkzeuge
Öffne die passende Funktion und arbeite direkt im Browser. Die Hinweise auf der jeweiligen Werkzeugseite gelten zusätzlich.