Web & Gestaltung

Kontrast prüfen

Miss den WCAG-Kontrast zweier deckender sRGB-Farben und vergleiche die AA- und AAA-Grenzwerte für Text.

Arbeitsbereich⌁ Auf deinem Gerät verarbeitet

Werkzeug wird geladen…

Auf deinem Gerät verarbeitet

01 /

So funktioniert es

Miss den WCAG-Kontrast zweier deckender sRGB-Farben und vergleiche die AA- und AAA-Grenzwerte für Text. Gib deine Werte ein oder probiere das Beispiel. Starte die Aktion, prüfe das Ergebnis und kopiere es oder lade es herunter. Bei Fehlern bleibt die Eingabe bearbeitbar.

02 /

Beispiel

#000000 + #FFFFFF → 21.00:1
03 /

Wann dieses Werkzeug hilft

Prüfe Text- und Hintergrundfarben für ein Design. Dies prüft nicht die gesamte Seite.

Formate & Grenzen

WCAG-2-Textgrenzen: AA 4,5:1 normal / 3:1 groß; AAA 7:1 normal / 4,5:1 groß. Groß bedeutet mindestens 18 pt normal oder 14 pt fett. Geprüft wird ein Farbpaar, nicht die Barrierefreiheit einer ganzen Seite.

Etwas funktioniert nicht ↗

Gut zu wissen

Was passiert bei Änderungen der Eingabe?

Eine geänderte Eingabe braucht ein neues Ergebnis. Starte die Aktion erneut. Alte Downloadlinks werden entfernt, damit Ergebnisse nicht verwechselt werden.

Werden meine Dateien hochgeladen?

Dateien und eingefügte Inhalte werden vorübergehend im Browserspeicher verarbeitet und nicht zur Verarbeitung hochgeladen. Die App speichert als Einstellungen nur Werkzeug-IDs, Sprache und Farbschema. Es gibt keine Konten, Werbung oder automatischen Fehlerberichte. Beim Schließen geht der Arbeitsbereich verloren; lade gewünschte Ergebnisse herunter. Die Produktionsseite nutzt Google Analytics für Besuchsstatistiken; Details stehen auf der Datenschutzseite.