Textkontrast: Farbpaar und Kontext prüfen
Eine Textfarbe kann nicht ohne ihren Hintergrund bestehen. Auf Weiß geeignete Schrift kann auf dunklem Grund schwer lesbar werden; prüfen Sie das tatsächlich verwendete Paar.
Text einordnen, bevor Sie den Grenzwert wählen
WCAG 2.2 AA verlangt mindestens 4.5:1 für normalen und 3:1 für großen Text. Maßgeblich sind Größe und Gewicht, nicht bloß ein HTML-Überschriftentag.
Das Kriterium behandelt 18pt normal oder 14pt fett unter seinen Bedingungen als groß. Eine kleine Überschrift erhält nicht automatisch den niedrigeren Grenzwert.
Quellen: W3C WAI — Understanding WCAG 2.2 Contrast (Minimum)
Rundung kann ein Unterschreiten verdecken
Runden Sie vor der Entscheidung nicht nach oben. Ein Verhältnis unter 4.5 erfüllt 4.5 nicht, nur weil weniger Nachkommastellen angezeigt werden.
Lassen Sie nach Möglichkeit Spielraum und prüfen Sie tatsächliche Schrift und Größe. Dünne Striche und wechselnde Hintergründe brauchen möglicherweise mehr als zwei Farbcodes im Rechner.
Quellen: W3C WAI — Understanding WCAG 2.2 Contrast (Minimum)
Der Farbtest zertifiziert keine ganze Seite
Das Werkzeug bewertet undurchsichtige sRGB-Vordergrund- und Hintergrundfarben. Es untersucht keine Bildhintergründe, löst keine Verläufe auf und verrechnet keine transparenten Ebenen für Sie.
Ein bestandenes Paar belegt weder Tastaturbedienung noch Bildalternativen oder andere Anforderungen. Ändert sich der Hintergrund zwischen Hell und Dunkel, prüfen Sie beide tatsächlichen Paare.
Beispiel: Grau nahe der Grenze
#000000 auf #FFFFFF ergibt 21:1. #777777 auf Weiß ergibt etwa 4.478:1: kein AA für normalen Text, aber über 3:1 für großen Text, sofern dessen Definition zutrifft.
Mit dem dunkleren #767676 steigt das Verhältnis auf etwa 4.542:1 und erfüllt normales AA für dieses Paar. Das ist eine konkrete Verbesserung, keine Zertifizierung der gesamten Seite für alle Menschen.