Welcher Farbkontrast muss meine Website haben?

Normaler Text erfordert 4,5:1, großer Text 3:1

Für den größten Teil des Texts auf einer Website gilt ein Mindestkontrastverhältnis von 4,5 zu 1 zwischen der Textfarbe und der Hintergrundfarbe. Für großen Text – ab etwa 18 Punkt oder ab 14 Punkt bei fettgedrucktem Text – reicht ein Verhältnis von 3 zu 1 aus. Dieselbe Untergrenze von 3 zu 1 gilt auch für Bestandteile der Bedienungsoberfläche, wie den Rand eines Eingabefelds oder eine Schaltfläche, und für grafische Elemente, die zum Verständnis notwendig sind, wie ein Symbol ohne Beschriftung.

Nicht alles fällt unter diese Anforderung. Text in einem Logo, Text, der rein dekorativ ist und keine Bedeutung trägt, und Text, der zufällig auf einem Foto ohne Funktion steht, sind ausgenommen. Auch ein Bedienelement, das deaktiviert ist – eine graue Schaltfläche, die zu diesem Zeitpunkt nicht anklickbar ist – muss nicht der Norm entsprechen. Ein automatisierter Scan kann Kontrastverhältnisse gut messen und mit der Norm abgleichen, aber die Beurteilung dieser Ausnahmen – ist dieses Symbol dekorativ, gehört dieser Text zu einem Logo – erfordert einen menschlichen Blick, und genau das ist der Teil, den ein Scan nicht abdeckt.

Dies steht in WCAG 2.1, Erfolgskriterien 1.4.3 und 1.4.11

Diese Anforderungen stammen unmittelbar aus WCAG 2.1, dem Prüfrahmen, auf den EN 301 549 in der Praxis hinausläuft. Erfolgskriterium 1.4.3, Kontrast (Minimum), legt die Grenze von 4,5 zu 1 für normalen Text und 3 zu 1 für großen Text fest. Erfolgskriterium 1.4.11, Kontrast von Nicht-Text-Inhalten, legt dieselbe Untergrenze von 3 zu 1 für Bestandteile der Bedienungsoberfläche und für grafische Objekte fest, die zum Verständnis ihrer Funktion notwendig sind. Beide Kriterien gehören zu Konformitätsstufe AA, der Stufe, die die Richtlinie als Anforderung festlegt.