Farbkontrast prüfen
Den Kontrast zwischen Text- und Hintergrundfarbe nach WCAG 2.2 mit Textvorschau und AA-/AAA-Bewertung prüfen. Dateien und eingegebene Inhalte werden nicht an einen Server gesendet oder dort gespeichert.
Anleitung
Den Kontrast zwischen Text- und Hintergrundfarbe nach WCAG 2.2 mit Textvorschau und AA-/AAA-Bewertung prüfen.
Formate und Grenzen
Values / Images → SVG / PNG
Die Verarbeitung erfolgt in diesem Browser. Dateiformate und verfügbarer Speicher können das Ergebnis begrenzen.
Normaler Text erfordert AA 4.5:1 oder AAA 7:1; großer Text AA 3:1 oder AAA 4.5:1.
Farbkontrast prüfen Bedienungsanleitung
Vorgehensweise
- Text- und Hintergrundfarbe als 6-stellige HEX-Codes eingeben.
- Vorschau für normale und große Schrift prüfen und bei Bedarf die Farben tauschen.
- Kontrast und Erfüllung der AA-/AAA-Anforderungen je Kategorie prüfen.
Beispiel
Eingabe / Einstellungen
Text #000000 · Hintergrund #ffffff
Ergebnis / Prüfung
21:1 · AA und AAA erfüllt
Hinweise
- Normaler Text erfordert AA 4.5:1 oder AAA 7:1; großer Text AA 3:1 oder AAA 4.5:1.
- Bewertet deckende Vollfarben anhand des ungerundeten Kontrasts. Großer Text beginnt bei 24px normaler Schrift oder etwa 18.67px Fettschrift.