Kontrast Checker
Berechnet das WCAG-Kontrastverhältnis zwischen Text- und Hintergrundfarbe und bewertet normale sowie große Schrift nach AA und AAA.
Dieses Beispiel zeigt die gewählte Text- und Hintergrundfarbe direkt aufeinander.
Bewertung
Der vollständige Barrierefreiheit-Audit prüft zusätzlich Alternativtexte, Formularlabels, Linktexte, Landmarks, Titel, Sprache und weitere technische Signale.
Audit startenWarum Farbkontrast zur Barrierefreiheit gehört
Ausreichender Kontrast macht Texte, Buttons, Hinweise und Formularfehler besser lesbar. Besonders Menschen mit Sehbeeinträchtigungen, ältere Nutzer und Nutzer in ungünstigen Lichtverhältnissen profitieren davon.
Die WCAG unterscheidet normale und große Schrift. Normale Schrift benötigt in der Regel ein höheres Kontrastverhältnis als große oder fette Schrift.
Typische Einsatzbereiche
- Primäre und sekundäre Buttons.
- Navigation, Breadcrumbs und Footerlinks.
- Formularhinweise, Fehlermeldungen und Pflichtfeldmarkierungen.
- Badges, Preislabels, Tabellen und Dashboard-KPIs.
Kontrast Checker FAQ
Welcher Kontrast ist für normale Schrift nötig?
Für WCAG AA wird bei normaler Schrift typischerweise ein Verhältnis von mindestens 4,5:1 verwendet. Für große Schrift gilt ein niedrigerer Grenzwert.
Prüft der Kontrast Checker die ganze Website?
Nein, dieses Tool berechnet einzelne Farbkombinationen. Für eine technische Website-Prüfung nutzen Sie den Barrierefreiheit Mini-Audit.