WCAG Kontrast Checker für barrierefreies Webdesign
Optimieren Sie Ihre Kontrast-Barrierefreiheit nach WCAG 2.1 & 2.2 (AA/AAA). Unser Tool hilft dabei, barrierefreie Farben sicherzustellen.
Testen Sie Farbkontrastverhältnisse nach WCAG 2.1 und 2.2 Richtlinien. Prüfen Sie einzelne Farbpaare oder scannen Sie ganze Seiten, um Kontrastprobleme zu identifizieren.
Vordergrundfarbe
Hintergrundfarbe
WCAG-Einstellungen
Normaler Text (< 18px)
Erforderlich: 4.5:1
Großer Text (≥ 18px)
Erforderlich: 3:1
WCAG AA
Kontrast geprüft – Ihre Nutzer werden es Ihnen danken. Offizielles Kontrast-Urteil gefällt.
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 die gleichen Kontrastanforderungen (Erfolgskriterium 1.4.3 und 1.4.6). Wählen Sie die Zielversion Ihrer Organisation für Konsistenz.