Contrast Checker
Prüfe den Kontrast zwischen Text- und Hintergrundfarbe live gegen WCAG 2.1 AA & AAA.
Das Kontrastverhältnis reicht von 1:1 (keine Unterscheidung) bis 21:1 (Schwarz auf Weiss). WCAG 2.1 verlangt für normalen Text mindestens 4.5:1 (AA) bzw. 7:1 (AAA), für grossen Text (ab 24px, oder ab 19px fett) reichen 3:1 (AA) bzw. 4.5:1 (AAA). Für UI-Elemente wie Buttons oder Icons gilt ebenfalls 3:1.
Normaler Text – Beispielsatz zur Kontrastprüfung.
Grosser Text – Beispiel