Farbkontrast bezeichnet den Helligkeits- und Farbunterschied zwischen zwei benachbarten Elementen, etwa Text und Hintergrund. Ein ausreichender Kontrast sorgt dafür, dass Inhalte gut lesbar sind, auch für Menschen mit Seheinschränkungen. Die Web-Richtlinien für Barrierefreiheit (WCAG) definieren dafür messbare Mindestwerte als Kontrastverhältnis.
Wie wird Farbkontrast gemessen?
Der Kontrast zwischen zwei Farben wird als Verhältnis von 1:1 (kein Unterschied) bis 21:1 (Schwarz auf Weiß) angegeben. Grundlage ist die relative Helligkeit der Farben. Je größer das Verhältnis, desto besser hebt sich der Text vom Hintergrund ab.
Die WCAG geben für normalen Text ein Mindestverhältnis von 4,5:1 auf der Konformitätsstufe AA vor, für großen Text 3:1. Auf der strengeren Stufe AAA gelten höhere Werte. Auch grafische Bedienelemente und Symbole müssen einen Mindestkontrast erreichen, damit sie erkennbar sind.
Warum ist ausreichender Farbkontrast wichtig?
Zu geringer Kontrast, etwa hellgrauer Text auf weißem Grund, erschwert das Lesen für alle Nutzer und macht Inhalte für Menschen mit Sehschwäche oder Farbfehlsichtigkeit teils unzugänglich. Guter Kontrast verbessert die Lesbarkeit auf allen Geräten, auch bei Sonnenlicht oder auf günstigen Displays.
In Deutschland gewinnt das Thema durch das Barrierefreiheitsstärkungsgesetz an Bedeutung, das für viele digitale Angebote Barrierefreiheit vorschreibt. Ausreichender Farbkontrast ist dabei eine der grundlegendsten und am leichtesten prüfbaren Anforderungen.
Farbkontrast in der Praxis
Kontraste lassen sich mit kostenlosen Prüfwerkzeugen und Browser-Erweiterungen messen, indem man Text- und Hintergrundfarbe eingibt oder direkt Seitenelemente analysiert. Schon in der Designphase sollten Farbpaletten auf ausreichenden Kontrast geprüft werden, um spätere Korrekturen zu vermeiden.
Besondere Aufmerksamkeit verdienen Elemente, die oft zu schwach ausfallen: Platzhaltertexte in Formularen, deaktivierte Schaltflächen, Text über Bildern und Farbakzente im Corporate Design. Für Kanzleien und Unternehmen, die Wert auf einen seriösen und zugänglichen Auftritt legen, ist geprüfter Farbkontrast ein sichtbares Qualitätsmerkmal.
Farbe allein sollte zudem nie die einzige Möglichkeit sein, eine Information zu vermitteln. Wird etwa ein Pflichtfeld nur rot markiert oder ein Link nur durch die Farbe von umgebendem Text unterschieden, geht die Information für Menschen mit Farbfehlsichtigkeit verloren. Ergänzende Kennzeichnungen wie Unterstreichungen, Symbole oder Beschriftungen sorgen für Klarheit. Wer Kontrast und solche zusätzlichen Hinweise von Beginn an mitdenkt, gestaltet Websites, die für ein breiteres Publikum verständlich und bedienbar sind und zugleich einen professionellen, sorgfältigen Eindruck hinterlassen.