Welches Kontrastverhältnis ist wichtig?
Es gibt zwei Kontrastverhältnisse, die man sich ansehen sollte. Einerseits das Kontrastverhältnis zwischen Vordergrund und Hintergrund. Das ist die logische Variante, denn der Kontrast zwischen dem Text und der Farbe des Untergrundes auf dem der Text steht, ist für jeden nachvollziehbar relevant.
Ein zweites wichtiges Kriterium beim Ermitteln der nötigen Kontrast-Verhältnisse ist aber auch die Wechsel-Vorgehensweise zwischen Vordergrund und Vordergrund bzw. zwischen Hintergrund und Hintergrund. Gemeint ist damit die sogenannte "Link-Contrast-Ratio". Die wird einfach so benannt, weil das häufigste Auftreten der Einsatz von "Links" im Internet ist. Und zwar besonders dann, wenn ein Link außer seiner Farbe keine weiteren "Eigenschaften" hat. (Daher ist es ganz gut und sinnvoll Links entsprechend zu unterstreichen, damit nicht nur die Farbe den Ausschlag darüber gibt, dass hier ein Link ist.) Wenn Sie mehr über diese Farbkontraste wissen wollen, wir haben die Kontrast-Verhältnisse auf einer eigenen Seite erklärt. Was ist sonst noch über Kontraste zu wissen gibt, finden Sie wenn Sie zum zweiten Teil dieses Artikels scrollen mit dem hier stehenden Button.
Farbkontrast-Umschalter im Web
Viele verschiedene Seiten haben sogenannte "Farbkontrast-Schalter". Die unprofessionellste Idee dahinter ist es einfach die komplette Webseite im reinen Textmodus mit einer Farbe im Vordergrund und einer Farbe im Hintergrund darzustellen. Das hilft, dankenswerter Weise, zumindest jenen, die die "Originalversion" nicht lesen können.
Eine "alternative Version" für eine barrierefreie Darstellung darf man übrigens auch nach den WCAG erstellen. Das gilt aber nur, wenn absolut beweisbar ist, dass eine normale barrierefreie Webseite dem Betreiber nicht zuzumuten wäre. Das beweisen Sie bitte dann ohne uns zu zitieren vor Gericht im Fall der Fälle...
Grundsätzlich sollte Ihre Webseite also schon auch mit barrierefreiem Kontrast in der Grundeinstellung vorhanden sein. Trotzdem können diese Farbkontrast-Umschalter für einige Ihrer Kunden nützlich sein. In der "fortgeschrittenen Variante" solcher Umschalter werden nämlich zwei wichtige Dinge berücksichtigt:
- Darstellende Fotos, die den Inhalt begleiten, bleiben unverändert sichtbar.
- Das grundsätzliche Layout der Seite bleibt 1:1 erhalten.
Und hier hat der Umschalter einen ganz einfachen Sinn. Er soll den Kontrast nicht nur erhöhen, sondern auch helligkeitsmässig anpassen. Darum werden oftmals, wenn es richtig gemacht wird, Blau-Weiss und Schwarz-Gelb-Varianten angeboten, weil dies extrem starke optische Kontraste sind.
Wer mit Betroffenen spricht - und das haben wir im Rahmen dieser Idee getan -, die ein sehr eingeschränktes Sehvermögen haben, wird lernen, dass diese Menschen eine Sache bewegt: Sie wollen Bilder sehr wohl betrachten können, die sind sogar sehr wichtig für sie. Problematisch ist nur, wenn ein Hintergrund zu dunkel oder zu hell ist - daher ist es gut und richtig die Kontrastschalter anzubieten, aber was ein tatsächliches Bild (nicht eine Grafik, ein Diagramm oder ein Logo, sondern gemeint ist ein Foto) ist, sollte unverändert sichtbar bleiben.
Konsequent bleiben bei Farbkontrasten
Ein wichtiger Aspekt bei Farbkontrasten ist, dass man dabei sehr konsequent bleibt. Da nicht klar ist für den Anbieter der Webseite mit welcher Vergrößerung - beispielsweise per "Bildschirmlupe" - die Person vor der Webseite agiert, sollten auch kleinere Flächen nicht "invertiert" werden. Was eine Fläche ist (zB ein Absende-Button eines Formulars) sollte nicht bei einer Kontrasteinstellung mit schwarzem Hintergrund und gelbem Text plötzlich eine gelbe Fläche mit schwarzer Beschriftung sein. Eine solche Fläche umrahmt man mit der Vordergrundfarbe, behält die Hintergrundfarbe und beschriftet in der Vordergrundfarbe. Mehr dazu kann man auch auf einer Webseite des "Funktionssets" »easy2see« für mehr Barrierefreiheit nachlesen.
Kurz gesagt: Jeder zu lesende Text ist in der Vordergrundfarbe und jeder Text hat als Hintergrundfarbe die definierte Hintergrundfarbe.
Sie wissen nicht ob schwarz oder weiß?
Wenn Sie es noch nicht wissen, ob Sie einen dunklen oder einen hellen Hintergrund haben werden, können wir Ihnen - mit einem Augenzwinkern - eine Antwort geben auf die Frage: Was ist die beste Farbe im Internet?
Startseite Inhaltsverzeichnis
Fehler gefunden?
Wir freuen uns über Ihren Input, bitte teilen Sie uns mit, was auf dieser Seite falsch ist, damit wir es schnell korrigieren können, es ist dabei egal ob Sie einen relevanten Rechtschreibfehler gefunden haben, oder beispielsweise einfach Daten oder Angaben nicht mehr aktuell sind. Wir freuen uns immer auf Ihre Anregung. Nutzen Sie diesen Link hier: Fehler melden!