Kontrast Prüfer
Überprüfen Sie den Kontrast zwischen Text- und Hintergrundfarben nach den Standards WCAG 2.1 (AA und AAA) für Barrierefreiheit.
Beispiel-Hauptüberschrift
Dieser Absatz zeigt, wie Fließtext mit der ausgewählten Farbkombination dargestellt wird. Ein guter Kontrast beugt einer Ermüdung der Augen vor und stellt sicher, dass alle Nutzer auf jedem Bildschirm mühelos lesen können.
WCAG-Kontrastprüfer: Text- und Hintergrundfarben auf Lesbarkeit testen
Schlechte Kontraste führen dazu, dass Texte auf Bildschirmen schwer lesbar sind, was Nutzer frustriert und rechtliche Probleme bezüglich Barrierefreiheit (European Accessibility Act / BITV) verursacht.
Unser Kontrastprüfer berechnet das exakte Helligkeitsverhältnis nach den offiziellen Richtlinien WCAG 2.1 und zeigt Ihnen sofort an, ob Ihre Farbkombination die Standards AA und AAA für normalen und großen Text erfüllt.
Wann Sie den Kontrastprüfer einsetzen
Barrierefreie Websites (EAA / BITV)
Gewährleisten Sie die Einhaltung gesetzlicher Vorgaben für barrierefreie Informationstechnik.
Lesbarkeit von Buttons und Formularen
Stellen Sie sicher, dass Beschriftungen auf Schaltflächen und in Eingabefeldern optimal lesbar sind.
Dark-Mode-Optimierung
Vermeiden Sie zu grelle oder zu schwache Schriftfarben auf dunklen Interface-Hintergründen.
Häufige Fragen zum WCAG-Kontrast
Stufe AA fordert ein Mindestkontrastverhältnis von 4,5:1 für normalen Text (3:1 für großen Text). Stufe AAA stellt mit 7:1 (bzw. 4,5:1) den höchsten Barrierefreiheitsstandard dar.
Ja, Sie können die Helligkeit mit einem Schieberegler stufenlos anpassen, bis das Verhältnis grün aufleuchtet.
Ja, für grafische Bedienelemente gilt nach WCAG 2.1 das Mindestverhältnis von 3:1 (Stufe AA).