Kontrast und WCAG

Huebook zeigt den WCAG-2.x-Kontrast an. Die sRGB-Kanäle werden in lineares Licht umgerechnet, die relative Leuchtdichte jeder Farbe ermittelt und die hellere Leuchtdichte plus 0,05 durch die dunklere plus 0,05 geteilt. Das Verhältnis reicht von 1:1 bis 21:1. Die Reihenfolge spielt keine Rolle.

Für Text empfiehlt WCAG AA 4,5:1 für normalen und 3:1 für großen Text. AAA empfiehlt 7:1 beziehungsweise 4,5:1. Großer Text ist mindestens 18 Punkt normal oder 14 Punkt fett. Die Farbdetails vergleichen eine Farbe mit Weiß und Schwarz. Generieren zeigt den niedrigsten Wert aller Palettenpaare und prüft das optionale Ziel 4,5:1 zwischen den Farbextremen. Farbumfang erkennt auf dem Mac Text im aufgenommenen Bereich, schätzt Vorder- und Hintergrundfarben und meldet Paare. Die Simulation zeigt mögliche Auswirkungen von Farbsehschwächen.

Ein bestandener Wert ist hilfreich, garantiert aber keine Lesbarkeit in jedem Design. Größe, Schriftschnitt, Schriftart, Hintergrundbilder und umgebender Inhalt spielen ebenfalls eine Rolle. Diese Werte vergleichen die Farbwerte, ohne Transparenz mit einem Hintergrund zu verrechnen. Prüfe bei Deckkraft oder Bildern auch die tatsächlich dargestellten Vorder- und Hintergrundfarben.