Farbkontraste prüfen: 4,5:1, 3:1 und was sonst noch zählt

Normaler Text braucht ein Kontrastverhältnis von mindestens 4,5:1 zu seinem Hintergrund, große Schrift und die Umrisse von Bedienelementen mindestens 3:1. Dazu kommen Anforderungen an Zoom (bis 200 % ohne Informationsverlust), Umfluss (nutzbar bei 320 px Breite) und Textabstände. Farbe allein darf nie die einzige Information sein.

Was dazu geprüft wird

9 Prüfpunkte aus dem WCAG 2.2, Leitlinie 1.4 — die Liste stammt aus dem Messkern, nicht aus diesem Text.

1.4.1 Benutzung von Farbe · Stufe A
1.4.2 Audio-Steuerelement · Stufe A
1.4.3 Kontrast (Minimum) · Stufe AA
1.4.4 Textgröße ändern · Stufe AA
1.4.5 Bilder von Text · Stufe AA
1.4.10 Umfluss (Reflow) · Stufe AA
1.4.11 Kontrast von Nicht-Text-Inhalten · Stufe AA
1.4.12 Textabstand · Stufe AA
1.4.13 Eingeblendeter Inhalt bei Zeiger oder Fokus · Stufe AA

Jeder dieser Punkte steht mit Erklärung in der vollständigen Prüfpunktliste.

Worauf es in der Praxis ankommt

Kontrast ist eines der wenigen Kriterien, die vollständig berechenbar sind — und trotzdem der häufigste Befund. Der Grund ist meistens dieselbe Stelle: helle Markenfarbe auf weißer Fläche, oder Text mit reduzierter Deckkraft. Deckkraft senkt den Kontrast, ohne dass man es der Farbangabe ansieht.

Der Umfluss bei 320 px ist die Anforderung, die klassische Tabellenlayouts zu Fall bringt: Bei dieser Breite darf kein waagrechtes Scrollen nötig sein, um Inhalt zu lesen. Ausgenommen sind Inhalte, die es zwingend brauchen — etwa komplexe Datentabellen und Karten.

„Farbe allein" ist der Klassiker bei Pflichtfeldern und Diagrammen: Ein rot umrandetes Fehlerfeld ohne Text sagt einem farbenblinden Nutzer nichts. Es braucht ein zweites Merkmal — Symbol, Beschriftung oder Text.

Häufige Fragen

Wie berechne ich das Kontrastverhältnis?

Aus den relativen Leuchtdichten beider Farben; das Ergebnis liegt zwischen 1:1 (gleiche Farbe) und 21:1 (Schwarz auf Weiß). Rechnen müssen Sie es nicht selbst — jedes Kontrastwerkzeug und unsere Prüfung liefern den Wert zur Fundstelle mit.

Ab wann gilt Schrift als „groß"?

Ab 18 Punkt, oder ab 14 Punkt bei fetter Schrift. Für diese Größen genügt 3:1 statt 4,5:1. Der niedrigere Wert gilt nur für den Text selbst, nicht für Symbole daneben.

Warum fällt unser Text durch, obwohl die Farbe stimmt?

Häufig wegen Deckkraft: Ein Text mit opacity unter 1 mischt sich mit dem Hintergrund, und der tatsächliche Kontrast liegt unter dem berechneten der reinen Farbe. Genauso wirken halbtransparente Überlagerungen auf Bildern.

Gilt der Kontrastwert auch für Bedienelemente?

Ja — für die Teile, die man zur Bedienung erkennen muss: Feldumrisse, Schalterzustände, Fokusrahmen, Diagrammlinien. Dort gilt 3:1. Reine Zierelemente sind ausgenommen.

Weitere Themen aus Barrierefreiheit

Website prüfen lassen Erst das Prüfverfahren verstehen →