Barrierefreie Farbkontraste und wie Sie den richtigen Kontrast wählen

Weil er entscheidet, ob Text und Bedienelemente lesbar sind. Bei schwach kontrastierender Schrift steigen Menschen mit Seheinschränkung oder Farbfehlsichtigkeit zuerst aus. Es trifft aber auch den Kunden, der mittags in der Sonne auf dem Handy liest. Die Kollegin am blassen Bürobildschirm hat dasselbe Problem. Guter Kontrast macht eine Seite für alle besser nutzbar.

• Kontrast ist ein Kernthema jedes barrierefreien Webdesigns. Er kostet nichts extra, wenn er von Anfang an mitgedacht wird. Nachträglich lässt er sich nur mit Aufwand korrigieren, weil dann oft Markenfarben angepasst werden müssen.

Am schnellsten mit einem Kontrast-Rechner. Sie geben Vordergrund- und Hintergrundfarbe als Hex-Wert ein, also als Farbcode wie #1C1C1C. Der Rechner zeigt das Verhältnis und ob es für die WCAG-Stufen reicht. Die Entwicklerwerkzeuge im Browser zeigen den Wert sogar direkt am markierten Element, ganz ohne Zusatzprogramm.

• Prüfen Sie echte Kombinationen statt nur Idealfälle. Dazu gehören Text auf Farbflächen, Links im Fließtext und heller Text auf Verläufen. Einen ersten Überblick über den Stand Ihrer Seite gibt mein BFSG-Check.

Das Barrierefreiheitsstärkungsgesetz, kurz BFSG, verpflichtet seit dem 28. Juni 2025 viele Anbieter zu barrierefreien digitalen Angeboten. Es verweist dabei auf den Stand der Technik. Was das Gesetz regelt, erklärt das Glossar zum BFSG. Ich setze Kontrast und weitere Anforderungen in Anlehnung an WCAG 2.2 AA um.

• In der Praxis lege ich eine Farbpalette mit geprüften Text- und Akzentfarben fest. Farben für Flächen trenne ich von Farben für Text. Außerdem dokumentiere ich, welche Kombinationen die Werte erreichen. So bleibt der Auftritt lesbar, und die Marke behält ihre Persönlichkeit. Rechtsversprechen gebe ich dabei nicht ab.