Farbkontrast
Farbkontrast ist der messbare Helligkeitsunterschied zwischen Text und Hintergrund, ausgedrückt als Verhältnis von 1:1 bis 21:1. Er entscheidet, ob Inhalte für alle lesbar sind, und ist seit dem BFSG kein Geschmacksthema mehr, sondern für viele Websites Pflicht.
Für dich als Webdesigner ist Farbkontrast die unsichtbare Linie zwischen „sieht edel aus“ und „kann keiner lesen“. Hellgraue Texte auf weißem Grund, blasse Platzhalter, weiße Schrift über einem Foto: das wirkt im Pitch oft minimalistisch, fällt aber bei jedem zweiten Nutzer durch, sobald die Sonne aufs Handy scheint oder die Augen über 40 sind. Die Branche deines Kunden ist dabei egal, der Effekt trifft Zahnarzt wie Steuerberater. Genau hier liegt ein konkretes Verkaufsargument: Du verkaufst nicht „schönere Farben“, sondern Reichweite, die der Kunde gerade verschenkt. Wenn ein Drittel der Besucher den Call-to-Action kaum entziffern kann, verliert er Termine, nicht du.
Die maßgebliche Größe ist das Kontrastverhältnis nach WCAG. Für Fließtext gilt auf Stufe AA mindestens 4,5:1, für großen Text (ab 24px, oder 18,66px fett) reicht 3:1. Auch Bedienelemente wie Button-Ränder oder Icons brauchen 3:1 zum Umfeld. Das ist nicht nur ein Gütesiegel: Mit dem Barrierefreiheitsstärkungsgesetz, das seit dem 28. Juni 2025 für viele B2C-Anbieter wie Onlineshops oder Buchungsseiten greift, wird ausreichender Kontrast für betroffene Kunden rechtlich relevant. Prüf den Wert nicht nach Gefühl, sondern mit einem Kontrast-Checker (etwa WebAIM oder die Browser-DevTools), bevor du einen Entwurf abgibst. So machst du aus einer trockenen Norm ein sauberes Argument im Kundengespräch.