Farbkontrast-Prüfer

Teste ob deine Farben die WCAG 2.1 Richtlinien für Barrierefreiheit erfüllen. Kostenlos und sofort.

Farben wählen

Große Überschrift (24px)

Großer Text / Fettschrift (18px bold)

Normaler Fließtext auf deiner Website (16px)

Kleiner Text, z.B. Fußnoten oder Disclaimers (14px)

Kontrastverhältnis
21 : 1
AA Normaler Text
Min. 4.5 : 1
AA Großer Text
Min. 3 : 1
AAA Normaler Text
Min. 7 : 1
AAA Großer Text
Min. 4.5 : 1

Deine Website komplett prüfen?

Kontrast ist nur ein Aspekt. Unser SEO-Tool prüft auch Meta-Tags, Ladezeit, Mobile-Optimierung, Überschriften und mehr — alles in einer Analyse.

Jetzt kostenlos mit Shift07 prüfen

Was du über Farbkontrast und WCAG wissen musst

01 Was ist WCAG?

Die Web Content Accessibility Guidelines (WCAG) sind internationale Richtlinien für barrierefreie Websites. Sie definieren Mindestanforderungen für den Farbkontrast zwischen Text und Hintergrund, damit alle Menschen — auch mit Sehbeeinträchtigungen — Inhalte lesen können.

02 AA vs. AAA — der Unterschied

AA ist der empfohlene Standard und gesetzlich oft gefordert (z.B. BITV 2.0 in Deutschland). Normaler Text braucht 4.5:1, großer Text 3:1. AAA ist der höchste Standard (7:1 bzw. 4.5:1) — empfohlen für besonders barrierefreie Seiten.

03 Was zählt als großer Text?

Großer Text ist mindestens 18pt (24px) regulär oder 14pt (18.66px) fett. Für diesen gelten niedrigere Kontrastanforderungen, weil er auch bei geringerem Kontrast gut lesbar bleibt. Überschriften fallen fast immer in diese Kategorie.

04 Warum ist Kontrast auch SEO-relevant?

Google bewertet Nutzerfreundlichkeit als Ranking-Faktor. Schlecht lesbarer Text erhöht die Absprungrate und senkt die Verweildauer. Barrierefreie Websites bieten eine bessere User Experience — und das belohnt Google mit besseren Rankings.