Farbkontrast-Prüfer (WCAG)
Prüfen Sie, ob eine Vordergrund-/Hintergrundfarbkombination die WCAG-AA- und AAA-Barrierefreiheitsstandards erfüllt. Unverzichtbar für barrierefreies Webdesign.
Normal text — The quick brown fox jumps over the lazy dog.
Large text — Quick brown fox
Contrast ratio
—
WCAG AA — normal text (≥ 4.5:1)
—
WCAG AA — large text (≥ 3:1)
—
WCAG AAA — normal text (≥ 7:1)
—
WCAG AAA — large text (≥ 4.5:1)
—
Funktionen
Contrast ratio display
WCAG AA/AAA status
Live text preview
Normal & large text
Anleitung
1. Wählen Sie eine Vordergrundfarbe (Textfarbe).
2. Wählen Sie eine Hintergrundfarbe.
3. Das Kontrastverhältnis und der WCAG-AA/AAA-Status werden live angezeigt.
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.