Prüfer für Farbkontrast
Check a URL's rendered contrast
Loads the page in a metered headless browser and runs axe-core's color-contrast rule against the real computed styles — the resolved foreground, background, opacity, inherited color, and CSS variables after the cascade, not a static-HTML color guess. This is the same Browser-Rendering pipeline the Accessibility Tester uses, filtered to just contrast findings.
Die Prüfungen laufen auf unserem Server. Wir rufen die von dir eingegebene URL ab und speichern die Ergebnisse nicht. This launches a metered browser audit shared with the Accessibility Tester's rendering budget, so it is rate-limited per visitor and per target site. Anonyme Ergebniszähler auf Ausführungsebene können für aggregierte Forschung verwendet werden; URLs, Domains, IP-Adressen und Kennungen werden nie einbezogen, und Statistiken werden erst ab 100 Ausführungen veröffentlicht.
Wird vollständig in deinem Browser ausgeführt – nichts, was du einfügst, wird hochgeladen oder gespeichert. Anonyme Ergebniszähler auf Ausführungsebene können für aggregierte Forschung verwendet werden; URLs, Domains, IP-Adressen und Kennungen werden nie einbezogen, und Statistiken werden erst ab 100 Ausführungen veröffentlicht.
Palette audit
Paste CSS variables, token declarations, or a hex list. The matrix checks every color as text against every other color as a background.
Website-Pass Lokaler Kontext für diese gespeicherte Website
Lokale Daten
Gespeicherte Ziele, benannte Listen und Zusammenfassungen der letzten Prüfungen bleiben nur in diesem Browser.
Dieses Werkzeug bewerten
Über dieses Werkzeug
Prüfe Vorder- und Hintergrundfarben gegen WCAG 2.2 AA und AAA, finde die nächsten praktischen Hex-Alternativen, die bestehen, und auditiere CSS-Farb- oder Design-Token-Paletten lokal im Browser. Der URL-Modus kann zusätzlich den tatsächlich gerenderten Kontrast einer öffentlichen Seite untersuchen.
Ein Kontrastwert ist ein gezielter Hinweis für visuelle Lesbarkeit, kein vollständiger Barrierefreiheitsnachweis.
Funktionen
- Kontrastprüfung für beliebige Vorder-/Hintergrundpaare mit AA- und AAA-Status
- Nächste passende Vordergrundfarben und klarer Wechsel zwischen Text- und UI-Schwellen
- Lokale CSS- und Design-Token-Analyse mit Befunden und praktischen Alternativen
- Optionaler öffentlicher URL-Abruf für gerenderte Kontraste mit begrenzter Browser-Prüfung
So funktioniert es
Füge CSS/Farbwerte ein oder gib ein Vorder-/Hintergrundpaar ein. Die Engine berechnet relative Luminanz und Kontrast, vergleicht AA/AAA-Schwellen und sucht nahe Alternativen. Für URL mode wird eine öffentliche Seite begrenzt gerendert; Befunde bleiben von der lokalen Palette getrennt.
Einschränkungen
- Kontrast ist nur ein Teil von WCAG; Fokus, Tastaturbedienung, Semantik, Bewegung und Screenreader-Verhalten werden nicht vollständig geprüft.
- Der URL-Modus sieht nur zugängliche, begrenzt gerenderte Inhalte und kann dynamische oder geschützte Komponenten verpassen.
- Nächstgelegene Farben sind mathematische Vorschläge und müssen gegen Markenpalette, Zustände und echte Komponenten geprüft werden.
Häufig gestellte Fragen
Was bedeutet AA oder `AAA`?
`WCAG` legt unterschiedliche Kontrastschwellen für normalen `Text`, großen `Text` und UI-Komponenten fest. AA ist die übliche Mindeststufe; `AAA` ist strenger. Der Prüfer zeigt die angewendete Schwelle transparent.
Beweist ein bestandener Kontrast, dass meine Seite barrierefrei ist?
Nein. Kontrast ist nur ein Teil von WCAG. Tastaturbedienung, Struktur, Fokus, Alternativtexte und Screenreader-Verhalten benötigen eigene Prüfungen.
Werden meine Farben an einen Server gesendet?
Eingefügte CSS- und Farbwerte werden lokal im `Browser` analysiert. Nur der optionale URL-Modus ruft eine öffentliche Seite über den begrenzten Prüfdienst ab.
Was macht der URL-Modus?
Er prüft den tatsächlich gerenderten Kontrast einer zugänglichen öffentlichen URL mit begrenztem Abruf. Dynamische, geschützte oder nicht gerenderte Zustände können fehlen.
Häufige Probleme und ihre Behebung
- Fehler Begriff Begriff Begriff WCAG AA für normaler Inhalt Lösung: Änderung die Vordergrund oder Hintergrund bis normaler Inhalt Begriff bei Begriff 4.5:1 Begriff, dann erneut testen Begriff, Fokus, Begriff, und viWebsited status.
- Fehler Begriff Begriff Begriff WCAG AA für Begriff Inhalt Lösung: Änderung die Begriff Begriff bis Inhalt bei Begriff 24px Begriff oder 18.66px Begriff Begriff 3:1 Begriff.
- Warnung Begriff Begriff Begriff WCAG AAA für normaler Inhalt Lösung: Begriff die Begriff Begriff bis normaler Inhalt Begriff 7:1 Begriff wenn AAA ist die projekt Begriff.
- Warnung Begriff Begriff Begriff WCAG AAA für Begriff Inhalt Lösung: Begriff die Begriff Begriff bis Begriff Begriff Inhalt Begriff 4.5:1 Begriff wenn AAA ist erforderlich.
- Warnung Die deutsche Übersetzung lautet: Begriff Begriff Begriff Begriff-Inhalt Begriff leitfaden Lösung: Begriff die Begriff von Begriff Begriff, Fokus Begriff, Steuerelement Begriff, und Begriff objekte zu bei Begriff 3:1 gegen Begriff Farben.