Die WCAG machen Helligkeitskontrast messbar: Das Kontrastverhältnis vergleicht die relative Leuchtdichte von Vorder- und Hintergrund. Es reicht von 1 : 1 (gleiche Farbe) bis 21 : 1 (Schwarz auf Weiß).
Die Grenzwerte (WCAG 2.2, Stufe AA):
- Text: mindestens 4,5 : 1 (Kriterium 1.4.3)
- Große Schrift (ab 24 px oder ab ca. 19 px fett): mindestens 3 : 1
- Bedienelemente und informationstragende Grafik, z. B. Rahmen von Eingabefeldern, Icons: mindestens 3 : 1 (Kriterium 1.4.11)
- Stufe AAA für Text: 7 : 1 (Kriterium 1.4.6)
Die Beispiele (berechnet): #777777 auf Weiß hat 4,48 : 1 und fällt knapp durch, #767676 hat 4,54 : 1 und besteht. Mit bloßem Auge ist der Unterschied nicht zu sehen, deshalb messen. Weiß auf dem Blau #1f6fff hat 4,4 : 1, also für Fließtext zu wenig, für einen Button mit großer, fetter Schrift genug. Unser Lila #9313ce auf Weiß hat 6,51 : 1.
In Deutschland verlangt das Barrierefreiheitsstärkungsgesetz seit Juni 2025 für viele digitale Angebote die Einhaltung der WCAG.
