WCAG-Kontrast-Checker von Sapir

Es findet jeden Kontrastfehler auf der Seite — und schreibt auf, was an jedem einzelnen falsch ist.

Ein Farbpaar zu prüfen dauert Sekunden. Was den Nachmittag frisst, ist das Ergebnis: jeden Fehler abfotografieren, das verletzte Kriterium nachschlagen, es in verständlichen Worten erklären und eine bestehende Farbe finden, die immer noch nach der Marke aussieht. ContrastForge macht den Scan und schreibt das Dokument.

ES GEHT AUF, UND ES FUNKTIONIERT
Alles wird lokal und synchron gerechnet, ohne Netzwerkaufruf und ohne Wartezeit, also kann das Popup beim Öffnen nicht scheitern. Das klingt nach einer niedrigen Hürde. Es ist die Hürde, für die dieses Werkzeug gebaut wurde.

MACHT DIE SCHWIERIGEN FARBEN RICHTIG
Ein einzelnes Pixel zu lesen reicht nicht mehr, sobald eine Seite echtes Design benutzt, also löst ContrastForge auf, was ein Mensch tatsächlich sieht:
• Halbtransparenter Text oder Hintergrund — Alpha wird über die ganze Elternkette korrekt überlagert, sodass rgba()-Ebenen die Farbe melden, die ein Mensch wirklich sieht
• Gestapelte durchscheinende Ebenen — jede in der richtigen Reihenfolge überlagert, nicht geraten
• Korrekte Einstufung als großer Text (24 px, oder 18,66 px ab Schriftstärke 700), damit dir kein Text zur Korrektur vorgelegt wird, der längst besteht
• Versteckte und unsichtbare Elemente werden übersprungen, statt die Fehlerzahl aufzublähen
• Verlaufshintergründe werden an ihrem schlechtesten Farbstopp geprüft — dort, wo der Text am wenigsten lesbar ist — statt an einem beliebigen Pixel
• Elemente über Hintergrundbildern gelten als ungeprüft, nicht als geschätzt, weil ihre echten Pixel aus dem CSS nicht bekannt sein können

JEDES PAAR PRÜFEN, GRATIS
• Vorder- und Hintergrund als Hex, RGB oder HSL — alles wird gelesen
• Die Pipette nimmt jede Farbe von der Seite
• Live-Verhältnis mit allen vier Urteilen auf einmal: AA normal, AA groß, AAA normal, AAA groß
• Fällt ein Paar durch, übernimmt ein Klick die nächstgelegene bestehende Farbe bei gleichem Farbton — die Korrektur überlebt also das Gespräch über die Marke
• Live-Vorschau „Aa“ des Paars, während du es änderst

DIE GANZE SEITE SCANNEN UND DEN BERICHT EXPORTIEREN (PRO)
• Scan der ganzen Seite: jedes sichtbare Textelement, mit seinem wirklich überlagerten Hintergrund
• Auf ein Ergebnis klicken, um zu diesem Element zu springen und es auf der Seite zu umranden
• Einen seitenweisen PDF-Bericht exportieren, mit Seitenadresse, Datum, Summenzahlen, Farbmustern, gemessenem gegen gefordertes Verhältnis und einer geprüften bestehenden Farbe je Befund — oder ein CSV für dein Ticketsystem
• Die Berichte tragen dein eigenes Logo und deinen Firmennamen, gehen also unbearbeitet zum Kunden
• Jeder Befund nennt das verletzte WCAG-2.2-Kriterium (1.4.3 Kontrast (Minimum), 1.4.11 Nicht-Text-Kontrast)
• Audits über mehrere Seiten: eine Liste von URLs einfügen, alle scannen und einen gemeinsamen Bericht exportieren, in dem jeder Befund die Seite nennt, von der er stammt
• Gespeicherte Paletten — eine ganze Markenpalette in einem Durchgang gegen sich selbst prüfen
• Scan-Verlauf, lokal gespeichert

WAS DAS NICHT IST
ContrastForge prüft Farbkontrast. Es ist kein vollständiges Accessibility-Audit: es testet weder Tastaturbedienung noch Fokusreihenfolge, Überschriftenstruktur, Alt-Texte oder ARIA, und es wird dir nicht sagen, dass eine Seite konform ist. axe DevTools und WAVE sind gratis, decken viel mehr von WCAG ab und lohnen sich daneben. ContrastForge gibt es, weil keines davon das Gefundene in ein Dokument verwandelt, das du einem Kunden geben kannst.

DATENSCHUTZ IST DAS PRODUKT
• 100 % lokal: jeder Scan läuft in deinem Browser, auf dem Tab, den du gerade ansiehst
• Zugriff nur auf den aktiven Tab, im Moment deines Klicks — kein dauerhafter Zugriff auf die anderen Seiten, die du besuchst, und kein Content-Script im Hintergrund
• Die Seiten, die du prüfst, werden nie hochgeladen, nie von uns gespeichert, nie von irgendwem gesehen
• Keine Analytics, kein Tracking, keine Werbung, kein Remote-Code, kein Konto
• Der einzige Netzwerkaufruf, den wir je machen, ist die Lizenzprüfung, wenn du Pro kaufst. Sonst nichts, nie
• Vollständige Richtlinie: https://sapirsoftware.github.io/contrastforge-privacy.html

GRATIS UND PRO
Gratis: der Zwei-Farben-Prüfer, die Pipette, alle vier WCAG-2.2-Urteile, die Farbvorschläge und das Prüfen per Mauszeiger, dazu 5 Seiten-Scans im Monat. Für immer, und vollständig lokal.
Pro: unbegrenzte Scans ganzer Seiten, Klick zum Hervorheben, exportierbare Prüfberichte mit deinem Branding, Audits über mehrere Seiten, gespeicherte Paletten und Scan-Verlauf. Gebaut für Leute, die dafür bezahlt werden, Accessibility-Befunde abzuliefern.

ContrastForge kommt von Sapir Software: kleine Werkzeuge, sauber gemacht, mit nichts zu verbergen.