Farbkontrast-Prüfer
Prüfen Sie Farbkontrastverhältnisse gemäß WCAG 2.1 Barrierefreiheitsrichtlinien. Testet AA und AAA Konformität für normalen und großen Text.
Parameter
Text- oder Elementfarbe.
Zu testende Hintergrundfarbe.
Ergebnisse
Das Kontrastverhältnis zwischen den beiden Farben
Weitere Ergebnisse (6)
Normaler Text (unter 18pt oder 14pt fett) entspricht den WCAG AA-Anforderungen
Großer Text (18pt+ oder 14pt+ fett) entspricht den WCAG AA-Anforderungen
Normaler Text erfüllt die strengeren WCAG AAA-Anforderungen
Große Texte erfüllen die strengeren AAA-Anforderungen der WCAG
Relative luminance of #000000
Relative luminance of #FFFFFF
Warum Farbkontrast-Prüfer wählen
Der Color Contrast Checker testet das Kontrastverhältnis zwischen einer Vordergrund- und einer Hintergrundfarbe anhand der WCAG 2.1-Richtlinien. Sehen Sie sofort, ob Ihre Farbkombination sowohl für normalen als auch für großen Text die AA- und AAA-Konformität erfüllt.
- ✓Berechnet das Kontrastverhältnis mithilfe der relativen Luminanzformel WCAG 2.1
- ✓Testet alle vier WCAG-Konformitätsstufen: AA/AAA für normalen und großen Text
- ✓Zeigt relative Luminanzwerte für beide Farben an
- ✓Verwendet Farbauswahleingaben für eine einfache Farbauswahl
Anleitung
- 1Wählen Sie mit dem Farbwähler Ihre Vordergrundfarbe (Textfarbe).
- 2Wählen Sie Ihre Hintergrundfarbe mit dem Farbwähler
- 3Sehen Sie sich sofort das angezeigte Kontrastverhältnis an
- 4Überprüfen Sie die WCAG AA- und AAA-Bestanden/Nicht bestanden-Ergebnisse für normalen und großen Text
- 5Passen Sie die Farben an, bis Ihre Kombination das erforderliche Niveau erreicht
Häufig gestellte Fragen (FAQ)
Was ist ein gutes Kontrastverhältnis für die Barrierefreiheit im Internet?
WCAG 2.1 erfordert ein Mindestkontrastverhältnis von 4,5:1 für normalen Text (AA-Stufe) und 3:1 für großen Text. Zur AAA-Konformität benötigt normaler Text 7:1 und großer Text 4,5:1. Schwarz auf Weiß (21:1) ist der maximal mögliche Kontrast.
Was gilt in WCAG als „großer Text“?
WCAG definiert großen Text als mindestens 18pt (24px) oder 14pt (18,66px) fett. Bei großem Text ist ein geringerer Kontrast erforderlich, da er bei niedrigeren Kontrastverhältnissen besser lesbar ist.
Wie wird das Kontrastverhältnis berechnet?
The contrast ratio uses relative luminance values: (L1 + 0.05) / (L2 + 0.05), where L1 is the lighter color luminance and L2 is the darker. Luminance is calculated using the WCAG formula: L = 0.2126 × R + 0.7152 × G + 0.0722 × B, with each channel linearized from sRGB.
Überprüft dieses Tool die Barrierefreiheit bei Farbenblindheit?
Dieses Tool prüft den auf der Leuchtdichte basierenden Kontrast, was allen Benutzern zugute kommt, auch solchen mit Farbsehbehinderungen. Es simuliert jedoch keine bestimmten Arten von Farbenblindheit. Verwenden Sie zum Testen der Farbenblindheit einen speziellen Farbenblindheitssimulator.
Wie hoch ist das gesetzlich vorgeschriebene Mindestkontrastverhältnis?
Viele Barrierefreiheitsvorschriften (ADA, Abschnitt 508, EN 301 549) verweisen auf WCAG 2.1 Level AA als Standard, der für normalen Text 4,5:1 erfordert. In vielen Ländern sind Regierungs- und Bildungswebsites gesetzlich dazu verpflichtet, dieses Niveau zu erreichen.
Autoritative Referenzen & Quellen
WCAG 2.1 Understanding Contrast (Minimum)
Quelle anzeigenRelative Luminance - WCAG Definition
Quelle anzeigenWebAIM Contrast Checker
Quelle anzeigenÄhnliche Tools
Entdecken Sie weitere nützliche Werkzeuge für dieses Aufgabengebiet.