Barrierefreie Farbkontraste: den richtigen Kontrast wählen

Farbkontrast entscheidet, ob Text und Bedienelemente lesbar sind. Wer schwach kontrastierende Schrift verwendet, verliert nicht nur Menschen mit Seheinschränkung oder Farbfehlsichtigkeit, sondern auch Nutzer bei Sonnenlicht auf dem Smartphone oder an blassen Bildschirmen. Guter Kontrast ist damit Barrierefreiheit und Nutzbarkeit zugleich.

• Kontrast ist ein Kernthema jedes barrierefreien Webdesigns. Er kostet nichts extra, wenn er von Anfang an mitgedacht wird, lässt sich nachträglich aber nur mit Aufwand korrigieren.

Am schnellsten geht es mit einem Kontrast-Rechner: Sie geben Vordergrund- und Hintergrundfarbe als Hex-Wert ein und erhalten das Verhältnis samt Bewertung für die WCAG-Stufen. Browser-Werkzeuge wie die Entwicklertools zeigen den Wert direkt am markierten Element an.

• Prüfen Sie reale Kombinationen, nicht nur Ideallfälle: Text auf Farbflächen, Links im Fließtext, heller Text auf Verläufen. Einen ersten Überblick über den Stand Ihrer Seite gibt unser BFSG-Check.

Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet seit dem 28. Juni 2025 viele Anbieter zu barrierefreien digitalen Angeboten und verweist auf den Stand der Technik. Was das Gesetz konkret regelt, erklärt das Glossar zum BFSG. Wir setzen Kontrast und weitere Anforderungen in Anlehnung an WCAG 2.2 AA um und geben keine Rechtsversprechen ab.

• In der Praxis heißt das: Wir definieren eine Farbpalette mit geprüften Text- und Akzentfarben, trennen Farben für Flächen von Farben für Text und dokumentieren, welche Kombinationen die Werte erreichen. So bleibt der Auftritt lesbar, ohne dass die Marke an Persönlichkeit verliert.