Farbkontrast
Farbkontrast bezeichnet den messbaren Helligkeitsunterschied zwischen Text- und Hintergrundfarbe; die WCAG legen dafür Mindestkontrastverhältnisse fest, damit Text auch für Menschen mit eingeschränktem Sehvermögen lesbar bleibt.
Kurz erklärt
Das Kontrastverhältnis zwischen zwei Farben wird als Zahl zwischen 1:1 (kein Unterschied) und 21:1 (maximaler Kontrast, Schwarz auf Weiß) angegeben. Die WCAG verlangen in der Konformitätsstufe AA ein Mindestverhältnis von 4,5:1 für normalen Fließtext und 3:1 für großen Text (ab etwa 18pt bzw. 14pt fett) sowie für grafische Bedienelemente. Die Stufe AAA setzt mit 7:1 bzw. 4,5:1 höhere Anforderungen.
Beispiel
Hellgrauer Text (#999999) auf weißem Hintergrund (#FFFFFF) erreicht nur ein Kontrastverhältnis von etwa 2,8:1 und verfehlt damit selbst die niedrigere AA-Anforderung für normalen Text deutlich - dunkelgrauer Text (#595959) auf demselben Hintergrund erreicht bereits über 7:1.
Warum ist das relevant?
Zu geringer Kontrast ist einer der häufigsten automatisiert feststellbaren Barrierefreiheitsfehler auf Websites und betrifft nicht nur Menschen mit diagnostizierten Sehbehinderungen, sondern auch beispielsweise ältere Nutzer oder jeden, der eine Seite bei hellem Sonnenlicht auf einem Smartphone-Display liest.
Häufige Missverständnisse
Ein ausreichender Kontrast lässt sich nicht zuverlässig nach Augenmaß beurteilen - zwei Farben, die auf einem gut kalibrierten Bildschirm noch unterscheidbar wirken, können das errechnete Mindestverhältnis dennoch verfehlen. Kontrastprüfungen sollten deshalb mit einem Tool anhand der tatsächlichen Farbwerte erfolgen, nicht durch subjektiven Eindruck. Wichtig ist zudem, dass sich die Anforderung auf Text-Hintergrund-Kombinationen bezieht, nicht auf reine Dekorationselemente ohne Textfunktion.