Farben Kontrast Check - Farben und Webdesign auf Barrierefreiheit prüfen
Optimiere Deine Farben auf Barrierefreiheit nach WCAG 2.1 & 2.2 (AA/AAA).
Teste Farbkontrastverhältnisse nach den WCAG 2.1- und 2.2-Richtlinien. Du kannst einzelne Farbpaare prüfen oder ganze Seiten scannen, um Kontrastprobleme schnell zu finden.
Farbauswahl
Vordergrundfarbe
Hintergrundfarbe
WCAG-Einstellungen
Ergebnisse
Normaler Text (< 18px)
Bestanden
Erforderlich: 4.5:1
Großer Text (≥ 18px)
Bestanden
Erforderlich: 3:1
Kontrastverhältnis
21.00:1
WCAG AA
Konform
Vorschau
Kontrast geprüft – Deine Besucher werden es Dir danken. Kontrast-Check erfolgreich abgeschlossen.
WCAG-Kontrastanforderungen verstehen
Die Web Content Accessibility Guidelines (WCAG) definieren Mindestkontrastverhältnisse, um sicherzustellen, dass Text für Menschen mit Sehbehinderungen lesbar ist.
WCAG AA (Minimum)
- • Normaler Text: 4,5:1
- • Großer Text (18px+ oder 14px+ fett): 3:1
WCAG AAA (Erweitert)
- • Normaler Text: 7:1
- • Großer Text (18px+ oder 14px+ fett): 4,5:1
WCAG-Versionen
WCAG 2.1 und 2.2 haben dieselben Kontrastanforderungen (Erfolgskriterien 1.4.3 und 1.4.6). Wähle die passende Version für Deine Organisation aus.