Farbkontrastprüfer
Geben Sie die Textfarbe und die Hintergrundfarbe ein oder wählen Sie sie. Wir nennen Ihnen das Kontrastverhältnis und ob es die WCAG-Stufen AA und AAA erfüllt. Alles wird in Ihrem Browser berechnet.
Dieses Werkzeug benötigt JavaScript
Die Berechnung läuft in Ihrem Browser mit JavaScript. In der Zwischenzeit finden Sie unten die Mindestwerte, die die WCAG verlangen.
Was die WCAG verlangen
| Was | Stufe AA | Stufe AAA |
|---|---|---|
| Normaler Text | 4,5:1 (1.4.3) | 7:1 (1.4.6) |
| Großer Text | 3:1 (1.4.3) | 4,5:1 (1.4.6) |
| Benutzeroberflächenkomponenten und Grafiken | 3:1 (1.4.11) | Keine AAA-Stufe |
Großer Text ist Text von mindestens 18 Punkt (24 CSS-Pixeln) oder mindestens 14 Punkt fett (etwa 18,66 CSS-Pixel).
Gut zu wissen
- Das Verhältnis reicht von 1:1 (kein Kontrast) bis 21:1 (Schwarz auf Weiß). Es wird aus der relativen Luminanz der beiden Farben berechnet.
- Es wird nicht gerundet: 4,49:1 erreicht 4,5:1 nicht.
- Kontrast ist für Logos, dekorativen Text oder deaktivierte Steuerelemente nicht erforderlich.
- Kontrast ist nicht alles: Informationen dürfen nie allein von der Farbe abhängen (Erfolgskriterium 1.4.1).
- Auf unserer Website verwenden wir für Fließtext unser eigenes Minimum von 7:1, das strenger ist als WCAG AA.
Mit SiteNorma starten
Erstellen Sie Ihr Konto und verbessern Sie die Barrierefreiheit Ihrer Website. Der Kostenlos-Tarif umfasst 10 analysierte Seiten pro Monat, ohne Karte.