Glossar · K
Kontrastverhältnis: Warum starke Kontraste den Unterschied machen
Kontrastverhältnis ist ein Mass dafür, wie stark sich zwei Farben – meist Text und Hintergrund – in ihrer Helligkeit unterscheiden. Es wird als Zahlenverhältnis von 1:1 (kein Unterschied) bis 21:1 (maximaler Kontrast, Schwarz auf Weiss) angegeben. Ein ausreichendes Kontrastverhältnis ist eine zentrale Voraussetzung dafür, dass Menschen mit Sehbehinderung oder Low Vision Inhalte auf Websites, in Dokumenten oder im öffentlichen Raum überhaupt erkennen können.
Wie funktioniert Kontrastverhältnis?
Das Kontrastverhältnis wird auf Basis der relativen Leuchtdichte zweier Farben berechnet. Vereinfacht gesagt wird gemessen, wie hell oder dunkel eine Farbe im Vergleich zu einer anderen wirkt – die exakte menschliche Wahrnehmung von Farbe spielt dabei eine untergeordnete Rolle, entscheidend ist der Helligkeitsunterschied.
Die Web Content Accessibility Guidelines definieren konkrete Mindestwerte, an denen sich Webdesignerinnen und -designer orientieren können:
- Normaler Text: mindestens 4.5:1 gegenüber dem Hintergrund
- Grosser Text (ab 18pt bzw. 14pt fett): mindestens 3:1
- Grafische Elemente und Bedienelemente: mindestens 3:1
Diese Werte lassen sich mit kostenlosen Online-Tools oder Browser-Erweiterungen einfach überprüfen, indem man einen Hex-Farbcode für Text und einen für den Hintergrund eingibt.
Warum ist Kontrastverhältnis wichtig?
Ein zu geringes Kontrastverhältnis gehört zu den häufigsten Barrieren im digitalen Raum. Betroffen sind nicht nur Menschen mit diagnostizierter Sehbehinderung, sondern auch ältere Personen, Menschen mit Farbsehschwäche oder alle, die ihr Smartphone bei starkem Sonnenlicht nutzen.
- Lesbarkeit: Texte mit gutem Kontrast lassen sich schneller und ermüdungsfreier erfassen.
- Rechtliche Relevanz: Öffentliche Stellen in der Schweiz müssen gemäss WCAG-Vorgaben barrierefreie digitale Angebote bereitstellen.
- Universeller Nutzen: Gute Kontraste helfen praktisch allen Nutzergruppen, nicht nur Menschen mit Sehbehinderung.
- Risiko bei Vernachlässigung: Zu schwache Kontraste führen zu Informationsverlust und schliessen Nutzergruppen faktisch aus.
Wer verstehen möchte, wie sich mangelnder Kontrast im Alltag konkret anfühlt, kann dies im Rahmen unserer Sensibilisierungsanlässe hautnah selbst erleben.
Abgrenzung zu ähnlichen Begriffen
Das Kontrastverhältnis wird oft mit dem verwechselt. Während der Kontrastmodus eine Systemeinstellung ist, die Farbschemata anpasst, ist das Kontrastverhältnis die zugrunde liegende Messgrösse, die auch im Dark Mode eingehalten werden muss. Ebenfalls verwandt sind die , die als übergeordnetes Regelwerk die konkreten Mindestwerte für das Kontrastverhältnis festlegen.
Häufig gestellte Fragen (FAQ)
Welches Kontrastverhältnis gilt als barrierefrei?
Nach WCAG-Standard gelten mindestens 4.5:1 für normalen Text und 3:1 für grossen Text oder grafische Elemente als ausreichend.
Wie kann ich das Kontrastverhältnis meiner Website prüfen?
Es gibt kostenlose Online-Contrast-Checker, bei denen man die Hex-Codes von Text- und Hintergrundfarbe eingibt und sofort das berechnete Verhältnis erhält.
Reicht ein hoher Kontrast allein für Barrierefreiheit aus?
Nein, ein gutes Kontrastverhältnis ist ein wichtiger, aber nur einer von vielen Bausteinen einer umfassend barrierefreien Gestaltung.