Relative Luminanz berechnen

Berechnung der relativen Luminanz zur Bestimmung, ob die Textfarbe zur Hintergrundfarbe passt

Die relative Luminanz ist ein Indikator für das Kontrastverhältnis. Nur wenn der Kontrast zwischen der Schriftfarbe und der Hintergrundfarbe groß genug ist, dann lässt sich der Text auch bei schwierigen Lichtverhältnissen gut lesen. So sollten beispielsweise Webmaster und Designer auf ein Barrierefreies Webdesign achten.

Ergebnis

Das ist ein Beispieltext

Relative Luminanz:
1 : 21

Das Kontrastverhältnis ist optimal

WCAG definiert: Die visuelle Repräsentation von Texten oder Bildern sollte mindestens ein Kontrastverhältnis von 4.5 : 1 (Level AA) oder 7 : 1 (Level AAA) haben. Groß skalierte Texte sollten mindestens ein Kontrastverhältnis von 3 : 1 haben