Antworten · Barrierefreiheit · Stand 06.10.2026
Wie viel Kontrast braucht Text auf einer Website?
Kurz gesagtNormaler Text braucht ein Kontrastverhältnis von mindestens 4,5:11. Für großen Text und für Bedienelemente genügt 3:13. Zu geringer Kontrast findet sich auf 83,9 % aller untersuchten Startseiten4.
Woher der Wert stammt
Das Verhältnis 4,5:1 ist das Minimum der Web Content Accessibility Guidelines (WCAG), Stufe AA1. In WCAG 2.2 ist das Kriterium unverändert gegenüber WCAG 2.12.
Wann 3:1 genügt
Für Text ab 24 Pixel und für Bedienelemente, die zum Verständnis nötig sind, gilt 3:13. Dazu zählen Rahmen von Eingabefeldern und Symbole auf Schaltflächen.
Wie häufig der Fehler ist
WebAIM prüft jedes Jahr eine Million Startseiten. 2026 hatten 83,9 % davon Text mit zu geringem Kontrast, im Jahr davor 79,1 %4.
Wo der Fehler meist steckt
Hellgrauer Text auf Weiß, Platzhalter in Formularen, Text auf Fotos und helle Schaltflächen. Eine Maschine findet diese Stellen zuverlässig, weil sich der Kontrast berechnen lässt.
Mehr dazu: WCAG 2.2: die Prüfpunkte
Quellen
- web.dev: Color and contrast accessibility: web.dev
- GOV.UK Design System: Colour: design-system.service.gov.uk
- Atlassian Design System: Color: atlassian.design
- WebAIM: The WebAIM Million: webaim.org
Jede Zahl auf dieser Seite stammt aus der daneben genannten Quelle und wurde am oben genannten Tag gelesen. Zahlen aus Studien beschreiben die untersuchte Stichprobe; sie sind keine Zusage für den Einzelfall.