ページを読み込んでいます
Prüft den Farbkontrast anhand der WCAG-Richtlinien. Enthält AA/AAA-Konformitätsprüfung und Verbesserungsvorschläge.
Geben Sie Vordergrund- (Text-) und Hintergrundfarbe als HEX-Code ein oder wählen Sie sie mit dem Farbwähler aus.
Das Kontrastverhältnis wird automatisch berechnet und der WCAG AA/AAA-Konformitätsstatus angezeigt.
Bei Nichtkonformität wird eine verbesserte Farbe vorgeschlagen, die die AA-Kriterien erfüllt. Klicken Sie auf "Übernehmen", um sie zu verwenden.
Kontrastverhältnis: 12,63:1,Normaler Text AA: Bestanden,Großer Text AA: Bestanden
Normaler Text wird so angezeigt. Dies gilt für Schriftgrößen von 16px oder kleiner.
Großer Text (ab 18pt / ab 14pt fett)
| AA | AAA | |
|---|---|---|
| Normaler TextMin. 4.5:1 | Bestanden | Bestanden |
| Großer TextMin. 3:1 | Bestanden | Bestanden |
Die aktuelle Farbkombination erfüllt die AA-Kriterien.
Ein Tool, das das Kontrastverhältnis zwischen Text- und Hintergrundfarbe auf Basis der WCAG (Web Content Accessibility Guidelines) berechnet und die Einhaltung der Barrierefreiheitsstandards prüft.
AA ist der Mindeststandard (normaler Text 4.5:1, großer Text 3:1), während AAA ein höherer Standard ist (normaler Text 7:1, großer Text 4.5:1). AA-Konformität wird generell empfohlen.
Text ab 18pt (24px) oder fetter Text ab 14pt (ca. 18,66px) gilt als "großer Text" und hat eine weniger strenge Kontrastanforderung.
Es wird die in WCAG 2.0 definierte relative Leuchtdichteformel verwendet: (L1 + 0.05) / (L2 + 0.05), wobei L1 die relative Leuchtdichte der helleren und L2 die der dunkleren Farbe ist.