Farbkontrast-Prüfer (WCAG)
Prüfen Sie, ob eine Vordergrund-/Hintergrundfarbkombination die WCAG-AA- und AAA-Barrierefreiheitsstandards erfüllt. Unverzichtbar für barrierefreies Webdesign.
Studio · neutrale Umgebung
Kontrastverhältnis
—
: 1
AA · Fließtext ≥ 4.5
AA · großer Text ≥ 3.0
AAA · Fließtext ≥ 7.0
AAA · großer Text ≥ 4.5
Ein-Klick-Korrektur · Farbton bleibt
Funktionen
Contrast ratio display
WCAG AA/AAA status
Live text preview
Normal & large text
Anleitung
1. Text- und Hintergrundfarbe festlegen — Muster und WCAG-Urteil aktualisieren sich live.
2. Zwischen den Mustern (Schrift / Artikel / Oberfläche) wechseln, um das Farbpaar im realistischen Einsatz zu beurteilen; S tauscht die beiden Farben.
3. Scheitert eine Stufe, hilft die Ein-Klick-Korrektur — sie ändert nur die Helligkeit und erhält den Farbton — oder den WCAG-Bericht kopieren.
Häufig gestellte Fragen
What is the WCAG contrast requirement?
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.