Wie gut lässt sich dieser Text auf dem Hintergrund lesen?

So funktioniert es

Die Web Content Accessibility Guidelines (WCAG 2.2) bewerten den Kontrast zwischen Text und Hintergrund von 1:1 (kein Unterschied) bis 21:1 (Schwarz auf Weiß). Stufe AA verlangt mindestens 4,5:1 für normale und 3:1 für große Schrift. Groß bedeutet mindestens 18 Punkt oder 14 Punkt in Fettschrift (Erfolgskriterium 1.4.3). Stufe AAA verlangt 7:1 beziehungsweise 4,5:1 (1.4.6). Symbole, Formularränder und andere notwendige sichtbare Elemente müssen 3:1 erreichen (1.4.11).

Das Verhältnis beträgt (L1 + 0,05) ÷ (L2 + 0,05). L1 ist die relative Leuchtdichte der helleren, L2 die der dunkleren Farbe. Die relative Leuchtdichte ist 0,2126 R + 0,7152 G + 0,0722 B aus den linearisierten Rot-, Grün- und Blauwerten. Beispiel: #767676 auf Weiß hat L = 0,181 gegenüber 1. Daher ergibt (1 + 0,05) ÷ (0,181 + 0,05) etwa 4,54:1. Das Verhältnis wird abgeschnitten, nie aufgerundet: 4,499 erfüllt nicht 4,5.

Transparente Textfarbe wird zuerst über den Hintergrund gelegt, ein transparenter Hintergrund über Weiß. Der Farbvorschlag behält Farbton und Chroma der Textfarbe bei und verschiebt nur ihre OKLCH-Helligkeit zum nächsten zulässigen Wert. So bleibt der Farbeindruck ähnlich. Kontrast ist nur ein Teil der Lesbarkeit: Schriftart, Größe und Stärke zählen ebenfalls. Über die Helligkeit hinaus sagt das Verhältnis nichts über die Wahrnehmung bei Farbsehschwächen aus.