Color Contrast Checker — WCAG AA/AAA Accessibility Tool
Kontrastprüfung
Aa
Visuelle Hierarchie
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Lesbarkeit ist entscheidend.
Design-Tokens
Vordergrund
#
Hintergrund
#
Kontrast1.97:1:1
Normaler TextAA NICHT BESTANDEN
AA
AAA
Großer TextAA NICHT BESTANDEN
AA
AAA
Intelligente Korrektur
Der aktuelle Kontrast erfüllt WCAG AA nicht. Wende die vorgeschlagene Farbe an, um den Standard zu erfüllen.
FAQ
Was ist WCAG-Farbkontrast?
Die Web Content Accessibility Guidelines (WCAG) verlangen ein Mindestkontrastverhältnis von 4,5:1 für normalen Text und 3:1 für großen Text, um sicherzustellen, dass Inhalte für Nutzer mit Sehbeeinträchtigungen lesbar sind.
Was ist der Unterschied zwischen AA und AAA?
Stufe AA ist die gesetzliche Standardanforderung für die meisten Webinhalte (Verhältnis 4,5:1). Stufe AAA ist der höchste Barrierefreiheitsstandard und erfordert ein strengeres Verhältnis von 7:1 für maximale Lesbarkeit.
Wie behebe ich ein unzureichendes Kontrastverhältnis?
Sie können entweder die Vordergrundfarbe auf hellem Hintergrund abdunkeln oder auf dunklem Hintergrund aufhellen. Unser Smart-Fix-Tool berechnet automatisch die nächstgelegene zugängliche Farbe.