Wie oft haben wir schon eine Webseite besucht, auf der wir nichts lesen konnten oder eine App mit einer schrecklichen Farbkombination benutzt? Aus Sicht der Barrierefreiheit kann die falsche Farbpalette oder das falsche Kontrastverhältnis jede Idee von Sichtbarkeit zunichte machen, aber das Portal OddContrast hilft uns, die richtigen Werte zu finden, basierend auf Version 2 des WCAG-Standards.

Wenn wir uns an die Definition des WCAG-Standards in Version 2 (auch bekannt als Richtlinien für die Barrierefreiheit von Webinhalten) halten, ist „Kontrast“ ein Maß für die Differenz der „wahrgenommenen Helligkeit“ zwischen zwei Farben, ausgedrückt als Verhältnis oder Ratio. Zum Beispiel hat roter Text (#ff0000) auf weißem Hintergrund (#ffffff) ein Verhältnis von 4:1. Wenn wir den Text zu Blau (#0000ff) ändern, springt das Verhältnis auf 8.59:1 und er lässt sich besser lesen. Schließlich hat der Standard von schwarzem Text auf weißem Hintergrund ein Verhältnis von 21:1. Das Interessanteste? Das Verhältnis bleibt erhalten, wenn wir die Farben umkehren.

Optimiere den Kontrast deiner Projekte mit OddContrast

OddContrast: So optimierst du den Kontrast deiner Webprojekte
Kontrast optimieren
OddContrast: So optimierst du den Kontrast deiner Webprojekte
Denke daran, das Format in ein für dich bequemeres zu ändern

Warum ist das wichtig? Weil oft Farbkombinationen mit einem sehr schlechten Verhältnis verwendet werden und der Text unleserlich wird. Als jemand, der bereits gezwungen war, die Schriftgröße auf seinem Computer zu vergrößern, verstehe ich mehr denn je, wie wichtig ein guter Kontrast ist. Und diese Idee führt uns zu OddContrast, einem Portal, das speziell dafür entwickelt wurde, Kontrastverhältnisse in Websites, Diensten und/oder barrierefreien Anwendungen zu berechnen.

OddContrast: So optimierst du den Kontrast deiner Webprojekte
„Schwarz und Weiß“ funktioniert in allen Fällen gut, aber das Verhältnis ändert sich nicht, wenn wir sie umkehren

Abschließend möchte OddContrast nicht der absolute Herr der Wahrheit sein. Tatsächlich brauchen wir nicht in allen Fällen ein gutes Verhältnis, aber der Unterschied zwischen einer schlechten Farbkombination und einer guten ist bemerkenswert. Mach den Test!

Offizielle Website: Hier klicken