HueOdysseyFarbkontrast prüfen
Prüfe den WCAG-Kontrast für normalen und großen Text und finde die nächstgelegene Textfarbe, die AA erfüllt.
BeispieltextGute Lesbarkeit schafft Vertrauen.
Normaler Text benötigt für WCAG AA mindestens 4,5:1.
Kontrastverhältnis6.85:1
Normaler Text AABestanden
Großer Text AABestanden
Bei welcher Entscheidung es hilft
Kläre vor der Veröffentlichung, ob Vordergrund und Hintergrund zusammen gut lesbar sind.
Wann du es einsetzen solltest
Nutze die Prüfung bei Text-, Button- und UI-Farben. Wenn ein Paar durchfällt, übernimm den vorgeschlagenen AA-Vordergrund und prüfe erneut.