Prüfpunkt 1.4.3Stufe AAFarbe und Kontrast
Warum verlangt WCAG genau 4,5:1 Kontrast?
Die Schwelle 4,5:1 ist eine Rechnung, keine Geschmacksfrage. Normen für Bildschirmarbeit nennen 3:1 als Mindestkontrast für Menschen mit voller Sehkraft. Wer mit einer Sehschärfe von 20/40 liest, braucht nach der Erläuterung des W3C das Anderthalbfache: 3 mal 1,5 ergibt 4,5. Und 20/40 ist die Sehschärfe, die das W3C als typisch für Menschen um 80 Jahre nennt. Die Zahl ist also auf Ihre älteren Kunden zugeschnitten.
Die Rechnung hinter 4,5:1
Das W3C schreibt in der Erläuterung zum Kriterium: Ein Kontrast von 3:1 ist der Mindestwert, den die Normen ISO 9241-3 und ANSI/HFES 100-1988 für normalen Text empfehlen. Diese Empfehlung gilt für Menschen mit voller Sehkraft. Mit dem Alter sinkt die Fähigkeit, Kontraste zu unterscheiden. Für eine Sehschärfe von 20/40 rechnet das W3C den Wert mit dem Faktor 1,5 hoch und kommt auf 4,5:1. Die Stufe AAA geht einen Schritt weiter: 7:1 gleicht den Kontrastverlust bei einer Sehschärfe von etwa 20/80 aus. Beide Schwellen beschreiben also denselben Vorgang, nur für unterschiedlich starke Einschränkungen.
Warum großer Text mit 3:1 auskommt
Größere Buchstaben bleiben auch bei schwächerem Kontrast erkennbar. Das W3C stuft Text ab 18 Punkt, fett ab 14 Punkt, als groß genug für die mildere Schwelle 3:1 ein. Umgerechnet mit 1 Punkt gleich 1,333 Pixel sind das etwa 24 Pixel und 18,5 Pixel. Bei Text in Bildern, die mit 72 Bildpunkten je Zoll angelegt sind, nennt das W3C etwa 24 Punkt und 19 Punkt als Entsprechung. Die Schriftstärke zählt mit: Eine fette Schrift gilt früher als groß als eine normale.
Die Formel, die Sie selbst nachrechnen können
Das Kontrastverhältnis ist in WCAG 2.2 als Formel festgelegt: (L1 + 0,05) geteilt durch (L2 + 0,05), wobei L1 die Helligkeit der helleren und L2 die der dunkleren Farbe ist. Schwarz auf Weiß ergibt 21:1, Weiß auf Weiß 1:1. Die Formel rechnet in beide Richtungen gleich: Das Grau #595959 auf Weiß erreicht 7,0:1, und Weiß auf #595959 erreicht denselben Wert. Für normalen Text ist 4,5:1 die Schwelle der Stufe AA. Ein Grau, das sie gerade erreicht, ist #767676 auf Weiß mit 4,54:1; jedes hellere Grau liegt darunter.
In der EU ist mehr als jeder Fünfte 65 oder älter
Die Rechnung des W3C zielt auf Menschen um 80 Jahre. Wie viele das sind, zählt Eurostat: Am 1. Januar 2025 waren 22,0 Prozent der Bevölkerung der EU 65 Jahre oder älter; bis 2100 erwartet Eurostat 32,5 Prozent. Die Weltgesundheitsorganisation nennt weltweit mindestens 2,2 Milliarden Menschen mit einer Sehbeeinträchtigung, die meisten davon über 50. Der Besucher, für den die Schwelle gerechnet wurde, ist damit kein Sonderfall, sondern ein wachsender Teil Ihrer Kundschaft.
Mehr zu diesem Thema
- Welcher Farbkontrast ist für Text auf Websites vorgeschrieben?Normaler Text braucht mindestens 4,5:1 Kontrast zum Hintergrund, großer Text 3:1. Hellgrau auf Weiß fällt fast immer durch und bleibt unlesbar.
- Markenfarbe zu hell für Text: was tun?Eine helle Markenfarbe bleibt: auf Flächen, Rahmen und Symbolen. Der Text darauf wird dunkel, und für Text in Markenfarbe gibt es eine dunklere Schwester.
- Kontrast prüfen: welche Werkzeuge gibt es?Zwei Farbwerte prüft der Contrast Checker von WebAIM, eine ganze Seite die Entwicklerwerkzeuge von Chrome. Text auf Fotos misst keines von beiden.
Weiter im Prüfbereich Barrierefreiheit
- Wie stelle ich meine Website auf barrierefrei um?Was WordPress, TYPO3, Drupal, Joomla, Shopify und Wix zur Barrierefreiheit zusagen und was Vorlage, Erweiterungen und Redaktion selbst leisten.
- Wie viele meiner Besucher erreicht meine Website nicht?Fast ein Viertel der Erwachsenen in der EU ist im Alltag eingeschränkt. Die Zahlen für Österreich, Deutschland und die EU und was sie für Ihre Website heißen.
- Muss sich Text auf einer Website auf 200 Prozent vergrößern lassen?Ja. Besucher müssen Text per Browser-Zoom verdoppeln können, ohne dass Inhalte verloren gehen. Zoom-Sperren am Handy erfüllen die Regel nicht.
- Warum ist echter Text auf Websites besser als Text im Bild?Text als Bild lässt sich weder vorlesen noch vergrößern noch von Google durchsuchen. Echter Text kann alles davon und ist leichter zu pflegen.
Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
