Farbkontrast nach WCAG

Das Kontrastverhältnis zweier Farben und ob es für Fließtext, große Schrift und Bedienelemente reicht.

Die beiden Farben stehen im Verhältnis 4,54 zu 1.

Kontrastverhältnis
4,54 : 1
Fließtext
AA bestanden, AAA nicht (4,5:1)
Große Schrift
AAA bestanden (4,5:1)
Bedienelemente und Grafiken
bestanden (3:1)
Relative Helligkeit
0,1812 gegen 1

Das Kontrastverhältnis vergleicht die relative Helligkeit zweier Farben. Es reicht von 1 zu 1 — zwei identische Farben — bis 21 zu 1 für Schwarz auf Weiß, und die Barrierefreiheitsrichtlinien knüpfen an feste Schwellen an.

Die Rechnung ist nicht die naive Differenz der Farbwerte: Sie berücksichtigt, dass das Auge Grün heller wahrnimmt als Rot und Rot heller als Blau, und dass Bildschirme ihre Werte nicht linear ausgeben.

Die Schwellen und wofür sie gelten

Für Fließtext verlangt die Stufe AA ein Verhältnis von 4,5 zu 1, die strengere Stufe AAA 7 zu 1. Für große Schrift — ab 18 Punkt oder ab 14 Punkt fett, also etwa 24 beziehungsweise 18,66 Pixel — genügen 3 zu 1 für AA und 4,5 zu 1 für AAA.

Bedienelemente, Symbole und die Umrandung von Eingabefeldern brauchen mindestens 3 zu 1. Das wird oft übersehen: Ein hellgrauer Rahmen um ein Textfeld erfüllt die Anforderung selten, obwohl er die Grenze des Feldes markiert.

Warum die Formel Potenzen enthält

Ein Farbwert von 128 ist auf dem Bildschirm nicht halb so hell wie 255, weil die Ausgabe einer Gammakurve folgt. Vor der Gewichtung wird deshalb jeder Kanal zurückgerechnet — unterhalb eines kleinen Schwellwerts linear, darüber mit dem Exponenten 2,4.

Danach werden die Kanäle gewichtet: Grün mit 0,7152, Rot mit 0,2126 und Blau mit 0,0722. Diese drei Zahlen sind der Grund, warum eine blaue Schrift auf schwarzem Grund fast unlesbar bleibt, während eine grüne gut trägt.

Häufige Fragen

Gilt das auch für Text auf einem Foto?
Die Anforderung gilt, die Messung wird nur schwieriger. Maßgeblich ist der ungünstigste Bereich hinter dem Text. Praktisch löst man es mit einer halbtransparenten Fläche oder einem Verlauf hinter der Schrift und misst dann gegen deren Ergebnisfarbe.
Was ist mit Zustandsfarben wie Rot für Fehler?
Farbe darf nie der einzige Träger einer Information sein — das ist eine eigene Anforderung der Richtlinie. Ein Fehler braucht zusätzlich Text oder ein Symbol, sonst geht er bei Farbfehlsichtigkeit verloren, die etwa acht Prozent der Männer betrifft.
Warum bewerten manche Werkzeuge anders?
Weil ein neueres Verfahren namens APCA in Arbeit ist, das die wahrgenommene Lesbarkeit besser abbildet als das Verhältnis aus WCAG 2. Verbindlich ist derzeit die hier verwendete Rechnung; APCA ist für eine künftige Fassung der Richtlinie vorgesehen.

Quellen

Stand der Werte: 2026. Die Ergebnisse sind Orientierungswerte und ersetzen keine Steuerberatung.

Passt dazu