Farben Kontrast Check - Farben und Webdesign auf Barrierefreiheit prüfen
Optimieren Sie Ihre Farben auf Barrierefreiheit nach WCAG 2.1 & 2.2 (AA/AAA).
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.
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 – Ihre Nutzer werden es Ihnen danken. Offizielles Kontrast-Urteil gefällt.
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 die gleichen Kontrastanforderungen (Erfolgskriterium 1.4.3 und 1.4.6). Wählen Sie die Zielversion Ihrer Organisation für Konsistenz.