Ratgeber ·
Kontrast-Checker: so funktioniert es
Kontrast-Checker. WCAG-AA/AAA-Kontrastverhältnis prüfen. WCAG AA: 4,5:1 für normalen Text, 3:1 für großen Text (24 px oder 18,66 px fett) und UI-Komponenten.
Die kurze Antwort
Um den Farbkontrast zu prüfen, geben Sie Text- und Hintergrundfarbe ein: ClickZM berechnet das WCAG-2.x-Kontrastverhältnis aus der relativen Leuchtdichte und zeigt, ob AA (4,5:1 normaler Text, 3:1 großer Text) und AAA (7:1) erfüllt sind – mit einem Vorschlag für die nächstgelegene konforme Farbe.
Es läuft in Ihrem Browser. Ihre Eingabe wird nicht hochgeladen.
So wird es benutzt
Geben Sie Ihren Text in das Tool ein oder fügen Sie ihn ein.
Wählen Sie die gewünschten Optionen.
Das Ergebnis aktualisiert sich sofort.
Kopieren oder laden Sie das Ergebnis herunter.
Grenzen, die zählen
Welches Kontrastverhältnis brauche ich? WCAG AA: 4,5:1 für normalen Text, 3:1 für großen Text (24 px oder 18,66 px fett) und UI-Komponenten. AAA: 7:1 bzw. 4,5:1.
Ist #777 auf Weiß barrierefrei? Für normalen Text nicht: Es sind 4,48:1, knapp unter 4,5:1. #767676 besteht.