Textfarbe
Hintergrundfarbe
Kontrast
8.42
- Bestanden
Kleiner Text
WCAG AA
- Bestanden
Großer Text
WCAG AA
- Bestanden
Kleiner Text
WCAG AAA
- Bestanden
Großer Text
WCAG AAA
Farbenblindheitssimulation
Info:
Kleiner Text: unter 18pt. Großer Text: 18pt+ oder fett 14pt+.
Heller Hintergrund
Zitat Nr. 26
Georg Christoph Lichtenberg
Dunkler Hintergrund
Zitat Nr. 26
Georg Christoph Lichtenberg
Kleiner Text
Großer Text
Check a whole palette
Paste hex colours (comma or space separated) to check every pair at once.
Geschichte des Kontrastverhältnisses
WCAG- und Barrierefreiheitsstandards verstehen
WCAG-Standards
Die Web Content Accessibility Guidelines (WCAG) wurden vom World Wide Web Consortium (W3C) entwickelt, um Webinhalte für Menschen mit Behinderungen zugänglicher zu machen. Die Kontrastverhältnis-Anforderungen wurden eingeführt, um sicherzustellen, dass Text für Benutzer mit Sehbehinderungen lesbar ist.
Entwicklung
WCAG 1.0 wurde 1999 veröffentlicht und etablierte die ersten Kontrastverhältnis-Anforderungen. WCAG 2.0 (2008) verfeinerte diese Standards mit präziseren Formeln. WCAG 2.1 (2018) fügte zusätzliche Erfolgskriterien hinzu. Die aktuelle Kontrastverhältnis-Formel wurde auf der Grundlage von Forschung zur menschlichen visuellen Wahrnehmung und Farbwissenschaft entwickelt.
Warum es wichtig ist
Angemessene Kontrastverhältnisse stellen sicher, dass Text für alle lesbar ist, einschließlich Benutzern mit Farbenblindheit, Sehschwäche oder solchen, die Inhalte bei hellem Sonnenlicht betrachten. Dies macht das Web inklusiver und zugänglicher für Millionen von Benutzern weltweit.
Die Formel
Das Kontrastverhältnis wird unter Verwendung der relativen Leuchtdichte von Farben berechnet. Es reicht von 1:1 (kein Kontrast) bis 21:1 (maximaler Kontrast, wie Schwarz auf Weiß). WCAG AA erfordert 4,5:1 für normalen Text und 3:1 für großen Text. WCAG AAA erfordert 7:1 für normalen Text und 4,5:1 für großen Text.