WCAG-Farbkontrast prüfen
Text- und Hintergrundfarbe eingeben, das WCAG-Kontrastverhältnis erhalten und sehen, ob AA und AAA für normalen und großen Text erfüllt sind.
- Läuft im Browser
- Kein Upload
- Ergebnis bleibt auf deinem Gerät
Datenschutz & GrenzenLäuft in deinem Browser. Nichts wird hochgeladen.
Eingabeinhalte bleiben in diesem Tab; Refentra lädt sie nicht hoch und speichert sie nicht. Optionale aggregierte Aktionszahlen werden nur mit deiner Einwilligung zur Nutzungsmessung gesendet. Leere den Arbeitsbereich anschließend.
Unterstütztes Profil: WCAG 2.2, opakes sRGB; AA normal/groß: 4,5/3; AAA: 7/4,5. Groß: 18pt oder 14pt fett.
Maximal 200.000 UTF-16-Einheiten; Parserlimits können kleiner sein. Worker: 15 Sekunden (Regex 1,5 Sekunden).
Eingabe und Ergebnis nachvollziehen
- Vorbereiten und Vorgang wählen
Gib deckende Vorder- und Hintergrundfarben ein. Vergleiche die Schwellen für normalen und für großen Text getrennt.
- Ein konkretes Beispiel prüfen
Nutze dieses Beispiel und vergleiche das angegebene Ergebnis: #000000 / #ffffff → 21:1; #777777 / #ffffff → ≈4.48:1 < AA 4.5:1
- Ausgabe vor dem Übernehmen prüfen
Lies zuerst den Zahlenwert, dann die Bestanden-Labels. Liegt der Wert nahe 4,5, zählt der Vergleich mit dem ungerundeten Schwellenwert.
Antworten zu dieser Aufgabe
Wann gilt Text als groß?
Nach WCAG ist Text groß ab 18pt oder ab 14pt fett. Dort verlangt AA 3:1, bei normalem Text 4,5:1.
Was prüfe ich bei einem Eingabefehler?
Verwende unterstützte Schreibweisen für deckende Farben. Rechne Transparenz vorher mit dem tatsächlichen Hintergrund zusammen.
Wo sind die Grenzen dieses Werkzeugs?
Der Kontrast zweier Farben nach WCAG 2.2 ist keine vollständige Prüfung der Barrierefreiheit. Farbverläufe, Bilder, sichtbarer Fokus und der Zusammenhang musst du gesondert prüfen.