Skip to main content
Toolzer — Free Online Tools

WCAG Kontrastprüfer

Testen Sie den Farbkontrast nach WCAG-Kriterien.

Über das Werkzeug

Der WCAG-Kontrast-Checker misst das Kontrastverhältnis zwischen Text- und Hintergrundfarbe nach den Web Content Accessibility Guidelines. Ergebnis als Ratio (z. B. 4.5:1) mit Klassifikation: AA normaler Text braucht ≥4.5:1, AAA ≥7:1; großer Text (18pt+ oder 14pt Bold) genügt 3:1 für AA und 4.5:1 für AAA. Wichtig für gesetzliche Barrierefreiheit (BFSG, EN 301 549).

Häufige Fragen

Warum ist Kontrast wichtig?

Schlechter Kontrast erschwert Lesen für Sehbehinderte (~5 %) und stört alle bei greller Umgebung.

Unterschied AA vs. AAA?

AA ist die gesetzliche Anforderung (4.5:1). AAA (7:1) ist Ziel für Behörden-, Gesundheits- und Bildungsseiten.

Gilt bei großem Text eine Ausnahme?

Ja. Ab 18pt (24px) oder 14pt Bold (18.66px) genügen 3:1 (AA) bzw. 4.5:1 (AAA).

Sind Icons und Buttons betroffen?

Ja. WCAG 2.1 verlangt 3:1 für nicht-textuelle UI-Komponenten gegenüber dem Hintergrund.

Wie behebe ich zu niedrigen Kontrast?

Text dunkler, Hintergrund heller oder Farbton wechseln. Das Verhältnis aktualisiert sich sofort.