Direkte Antwort
Ein Farbsystem-Prüfer auditiert Gamut-Zugehörigkeit, WCAG-2.2-Kontraste relevanter semantischer Paare und perzeptuelle Skalenqualität und schlägt explizite Korrekturen vor, die Sie bestätigen müssen.
So verwenden Sie dieses Tool
Prüfer-Stufe öffnen
Rufen Sie die Prüfer-Seite auf oder fahren Sie direkt aus dem Builder mit demselben Projekt im Speicher fort.
Audits überprüfen
Untersuchen Sie sRGB- und Display-P3-Klassifizierungen, WCAG-Paar-Ergebnisse sowie Skalenqualitätsnotizen zu Helligkeitsverlauf und Stufenabständen.
Korrekturen anwenden
Akzeptieren Sie Vorschläge mit klaren Angaben zu Zieltoken, neuem Wert und Auswirkungen – Quellanker bleiben unverändert.
Semantischer Kontrast und ehrliche Gamut-Darstellung
Kontrastberechnungen nutzen die relative Helligkeit nach WCAG 2.2 für semantische Vorder-/Hintergrundbeziehungen statt einer unlesbaren Matrix aller Kombinationen. Display-P3-Anker außerhalb des sRGB-Farbraums erhalten deterministische Fallbacks statt stillem Kanal-Clipping.
- Korrekturen verändern niemals unveränderliche Quellfarben; abgeleitete Token absorbieren Barrierefreiheitsanpassungen.
- Nicht-Text-AAA wird nicht erfunden, wenn WCAG es für diese Beziehung nicht vorsieht.
- Alle Prüfungen laufen vollständig im Browser gegen das aktuelle Farbsystem-Dokument.
Praktische Beispiele
Primary auf Oberfläche AA-Audit
Eingabe: Rollen: Text auf Oberfläche mit Primary #2563eb als Akzent
Ausgabe: Paarbericht mit AA/AAA-Status und optionalem abgeleitetem Korrekturtoken
Zeigt fehlerhafte Paare mit expliziten Lösungsvorschlägen bei geschütztem Markenanker.
Einschränkungen
- Berechnet mathematische Kontraste für flache Farbpaare; komplexe Bildmotive erfordern manuelle Begutachtung.
- Qualitätsheuristiken sind Richtwerte und ersetzen nicht das menschliche Gestaltungsurteil.
Häufige Fragen
Ändert der Prüfer meine Markenfarbe automatisch?
Nein. Quellanker sind unveränderlich. Korrekturen passen ausschließlich abgeleitete Token nach Ihrer Bestätigung an.
Kann ich eigene Vorder-/Hintergrundpaare hinzufügen?
Ja. Fügen Sie projektspezifische semantische Paare hinzu, um reale Nutzung abzubilden.
Ist die Tastaturbedienung für Korrekturen gewährleistet?
Ja. Alle Aktionen sind per Tastatur mit sichtbarem Fokus erreichbar und Statusmeldungen werden barrierefrei ausgegeben.
Maßgebliche Referenzen & Standards
- W3C Web Content Accessibility Guidelines (WCAG) 2.2 ↗ — Offizielle Kontrast-Grenzwerte für Text- und Nicht-Text-Bedienelemente.
- W3C Relative Luminance Definition & Formula ↗ — Formel für die relative Leuchtdichte zur Kontrastprüfung semantischer Paare.