Kontrastprüfung

Überprüfen Sie das WCAG AA/AAA-Kontrastverhältnis für Barrierefreiheit

Textfarbe

Hintergrund

Schnell läuft der braune Fuchs

Beispieltext in normaler Größe — überprüfen Sie hier die Lesbarkeit.

Über den Contrast Checker

Dieses Tool berechnet den Kontrastwert zwischen zwei Farben anhand der WCAG 2.1 Formel für relative Leuchtkraft und gibt an, ob die Kombination die WCAG AA (4,5:1 für normalen Text, 3:1 für großen Text) und AAA (7:1) Barrierefreiheitsstandards erfüllt. Die Ergebnisse werden live aktualisiert, wenn Sie die Farben anpassen.

Ein ausreichender Farbkontrast stellt sicher, dass Text für Menschen mit Sehbehinderungen oder Farbenblindheit lesbar ist. Dies ist in vielen Ländern eine gesetzliche Anforderung und ein Kernbestandteil von WCAG, den Web Content Accessibility Guidelines. Verwenden Sie diesen Checker bei der Auswahl von Text- und Hintergrundfarben für Websites, Apps und digitale Dokumente.

Häufig gestellte Fragen

Was ist der Unterschied zwischen WCAG AA und AAA?

AA erfordert einen Kontrastwert von 4,5:1 für normalen Text und 3:1 für großen Text. AAA ist strenger — 7:1 für normalen Text und 4,5:1 für großen Text. AA ist das praktische Minimum; AAA ist der Gold-Standard.

Was zählt als "großer Text"?

18pt oder größer, oder 14pt und fett (ungefähr 24px und 19px in CSS). Größerer Text erhält eine gelockertere Kontrastschwelle, da er bei niedrigem Kontrast leichter zu lesen ist.