Accessibility Checker WCAG-Audit & Farbkontrast
Prüfen Sie jede Website auf Barrierefreiheit. In Sekunden. Auf iPhone oder iPad – oder direkt in Safari auf Ihrem Mac, und der neue Reports Hub behält jeden Befund im Blick.
Neu hier? Lesen Sie das Benutzerhandbuch für eine Tour durch alle Tools. Sie nutzen einen Mac? Lesen Sie die englischsprachige Hilfe zur Mac-App, einschließlich der Anleitung zur Safari-Erweiterung.
Neu in Version 9.1
Prüfen Sie direkt in Safari und verwalten Sie alle Befunde an einem Ort auf Ihrem Mac – und die App ist bereit für iOS 27 und macOS 27.
Safari-Erweiterung für den Mac
Führen Sie ein axe-core-Audit für die gerade geöffnete Seite aus, blenden Sie ihre Tab-Reihenfolge ein und prüfen Sie Kontraste – ohne Safari zu verlassen. Senden Sie die Ergebnisse mit einem Klick an den Reports Hub.
Reports Hub auf dem Mac
Ordnen Sie Seiten Projekten und Audit-Runden zu, markieren Sie Probleme als Offen, Gelöst oder Verworfen – und behalten Sie diese Status auch bei erneuten Audits. Exportieren Sie Berichte als HTML oder Markdown sowie eine Barrierefreiheitserklärung nach EN 301 549.
Bereit für iOS 27 & macOS 27
Die Titelleiste blendet sich beim Scrollen langer Bildschirme aus, die Live-Kamera schaltet im Stromsparmodus einen Gang zurück, statt Ihren Akku zu leeren, und die Mac-App ist für macOS 27 gebaut.
Drei Tools. Ein komplettes Toolkit.
Professionelle WCAG-Tests auf iPhone und iPad – und auf dem Mac direkt in Safari.
1. Automatisiertes Audit
Lassen Sie die branchenübliche axe-core-Engine gegen jede URL laufen. Sie erhalten eine priorisierte Liste von WCAG-Problemen, jedes verständlich erklärt und mit praktischer Anleitung zur Behebung.
2. Fokus-Reihenfolge
Visualisieren Sie die Tastatur-Fokus-Reihenfolge (Tab-Reihenfolge) jeder Seite, sehen Sie die Abfolge, der Tastatur- und Screenreader-Nutzer folgen, und entdecken Sie unlogische Sprünge (WCAG 2.4.3).
3. Farbkontrast
Messen Sie den Kontrast zwischen zwei beliebigen Farben in einem Screenshot, auf einer Website oder live im Kamerabild – nach WCAG 2.1 und dem APCA-Algorithmus aus WCAG 3.0.
Vollständige automatisierte Audits
Mehr als nur Farbkontrast: Die integrierte, axe-basierte Audit-Engine scannt jede Webseite und meldet Probleme über das gesamte Spektrum der WCAG-Erfolgskriterien – fehlende Alternativtexte, fehlerhafte Überschriften-Hierarchien, falsch eingesetztes ARIA, Probleme mit Formular-Beschriftungen und mehr.
Jedes Problem enthält eine klare Beschreibung, die relevante WCAG-Richtlinie und umsetzbare Schritte zur Behebung.
- Angetrieben von der axe-core Accessibility-Engine (Version wählbar)
- Probleme gruppiert nach Schweregrad: kritisch, schwerwiegend, moderat, geringfügig
- Verständliche Erklärungen und Empfehlungen zur Behebung
- Ergebnisse als Text, CSV oder PDF-Bericht exportieren
Fokus-Reihenfolge: Tastaturnavigation visuell testen
Mit der Tab-Taste durch eine Seite zu navigieren ist die Art, wie Tastatur- und viele Screenreader-Nutzer Ihre Website erleben – und ohne Spezialwerkzeuge eines der am schwersten zu testenden Dinge. Die Fokus-Reihenfolge markiert jedes fokussierbare Element mit einer Nummer und zeichnet den Pfad dazwischen.
Eine unlogische Abfolge ist ein Verstoß gegen WCAG 2.4.3 (Fokus-Reihenfolge). Mit der kompletten Route direkt auf der Seite sind Sprünge und Fallen in Sekunden offensichtlich – und die Karte der gesamten Seite lässt sich als Bild oder PDF für Tickets und Audit-Nachweise exportieren.
Leitfaden zur Fokus-Reihenfolge
Farbkontrast überall prüfen
Laden Sie einen Screenshot, machen Sie ein Foto, geben Sie eine URL ein oder richten Sie Ihre Kamera auf ein beliebiges Motiv – und messen Sie mit zwei Pickern den exakten Kontrast zwischen zwei Farben. Die Ergebnisse aktualisieren sich live mit Bestanden/Nicht bestanden für WCAG 2.1 A, AA und AAA, jeweils für normalen und großen Text.
Fällt eine Kombination durch, zeigen Ihnen vorgeschlagene Alternativfarben die nächstgelegenen barrierefreien Optionen. Kopieren Sie jede Farbe als HTML-hex oder Swift UIColor und fügen Sie sie direkt in Ihren Code ein.
- Funktioniert mit Screenshots, Fotos, Websites und Live-Kamera
- WCAG 2.1-Kontrastverhältnisse plus APCA (WCAG 3.0-Entwurf)
- Vorschläge für barrierefreie Alternativfarben
- Direkt aus Safari und Fotos über das Teilen-Menü prüfen
Gemacht für das iPad
Auf großen Bildschirmen erscheinen Ergebnisse jetzt in einer schwebenden Karte, die Sie in jede Ecke verschieben können – so bleibt die Seite, die Sie testen, voll im Blick, während Sie Probleme abarbeiten.
Mit einer Hardware-Tastatur decken Kurzbefehle den gesamten Workflow ab: Audit starten, Tool wechseln und Ergebnisse exportieren, ohne den Bildschirm zu berühren. Zeiger- und Trackpad-Interaktionen wirken durchgehend nativ.
Leitfaden für das iPad
Audits direkt in Safari
Die Mac-App enthält jetzt eine Safari-Erweiterung. Klicken Sie auf einer beliebigen Seite auf ihre Schaltfläche in der Symbolleiste, und sofort läuft ein axe-core-Audit – mit derselben Engine und Version wie in der iPhone-App, sodass die Ergebnisse auf allen Geräten übereinstimmen. Öffnen Sie einen Befund und klicken Sie auf ein betroffenes Element, um es auf der Seite hervorzuheben.
Wechseln Sie zu Tab Order (Tab-Reihenfolge), um nummerierte Markierungen und den Tastaturpfad über die Live-Seite zu legen – mit Warnungen bei positivem tabindex, bei Stopps, die gegen die Lesereihenfolge springen, und bei Fokus außerhalb des sichtbaren Bereichs. Der Tab Contrast prüft jedes Farbpaar und schlägt Farben vor, die bestehen.
- Mit einem Klick an den Reports Hub senden – auf dem Gerät, ohne Account
- Einen Markdown-Bericht kopieren oder die Befunde als JSON speichern
- Nichts verlässt Ihren Mac: kein Upload, kein Tracking
Der Reports Hub: jede Korrektur im Blick
Klicken Sie auf das Dock-Symbol, um einen vollwertigen Arbeitsbereich für Ihre Audits zu öffnen. Legen Sie für jeden Kunden oder jede Website ein Projekt an, starten Sie eine neue Audit-Runde, sobald Korrekturen live sind, und sehen Sie, was sich geändert hat: die Abdeckung der Seiten im Prüfumfang und wie viele Probleme seit der vorherigen Runde behoben wurden.
Einmal bewerten genügt. Markieren Sie Probleme als Offen, Gelöst oder Verworfen und ergänzen Sie Notizen – die Status bleiben auch bei erneuten Audits erhalten, und jeder Befund verweist auf sein WCAG-Erfolgskriterium. Wenn Sie fertig sind, exportieren Sie die Runde als HTML oder Markdown oder erstellen aus den offenen Problemen des Projekts eine Barrierefreiheitserklärung in der Struktur von EN 301 549 / W3C – in 17 Sprachen.
Neu in 9.2: Wenn Sie eine Seite erneut prüfen, gleicht der Hub als Gelöst markierte Probleme mit dem neuen Scan ab und zeigt sie als Verifiziert oder Wieder aufgetreten an. Checker, Lens, Safari-Erweiterung und ein Hub-Projekt sind kostenlos; Pro ergänzt Berichtexport, Barrierefreiheitserklärungen, unbegrenzte Projekte und verifizierte Korrekturen.
Der Kontrast-Checker aus der Menüleiste und die Lens zur Simulation von Farbenblindheit sind in der Symbolleiste des Hubs nur einen Klick entfernt.
Anleitung zum Reports HubEAA-gerechte Berichte & Erklärungen
Der European Accessibility Act (EAA) ist seit Juni 2025 in Kraft. Machen Sie aus Ihren Audits die Dokumentation, die er erwartet.
Automatisierter WCAG-Bericht
Machen Sie aus einem Audit einen strukturierten WCAG-Bericht, ausgerichtet an den Kriterien hinter EN 301 549 – der harmonisierten Norm, auf die sich der EAA bezieht – bereit zum Teilen mit Stakeholdern oder zur Ablage in Ihren Compliance-Unterlagen.
Barrierefreiheitserklärung
Erstellen Sie eine selbst bewertete Barrierefreiheitserklärung, die Sie veröffentlichen können. Sehen Sie eine Live-Beispielerklärung, verfügbar in 17 Sprachen.
Ehrliche automatisierte Abdeckung
Automatisierte Prüfungen liefern Ihnen schnell eine Ausgangsbasis für die EAA-Bereitschaft – volle Konformität erfordert aber immer manuelle Tests. Die App sagt Ihnen genau, welche WCAG-Kriterien sie automatisch prüfen kann und welche nicht.
WCAG-Standards verstehen
Die Web Content Accessibility Guidelines (WCAG) stellen sicher, dass digitale Inhalte für alle Nutzer wahrnehmbar, bedienbar, verständlich und robust sind.
WCAG 2.1 Kontrast
WCAG 2.1 definiert drei Konformitätsstufen. Für normalen Text verlangt Stufe AA ein Kontrastverhältnis von 4,5:1, Stufe AAA verlangt 7:1. Für großen Text (ab 18 pt bzw. ab 14 pt fett) verlangt AA 3:1 und AAA 4,5:1. Accessibility Checker testet alle Stufen sofort.
WCAG 3.0 & APCA
Der Advanced Perceptual Contrast Algorithm (APCA) ist die Kontrastmethode der nächsten Generation, auf die sich die Entwürfe zu WCAG 3.0 beziehen. Er berücksichtigt Ortsfrequenz, Schriftstärke und Polarität – und liefert genauere, an der menschlichen Wahrnehmung ausgerichtete Ergebnisse als das aktuelle Verhältnismodell.
European Accessibility Act
Seit dem 28. Juni 2025 verlangt der EAA, dass digitale Produkte und Dienstleistungen, die in der EU verkauft werden, barrierefrei sind. Accessibility Checker hilft Ihnen, Ihre Bereitschaft zu bewerten und zu dokumentieren – mit Tests gegen die WCAG-Kriterien, die EN 301 549 zugrunde liegen, der vom Gesetz referenzierten harmonisierten Norm.
Weitere leistungsstarke Funktionen
Alles, was Designer, Entwickler und QA-Engineers brauchen, um barrierefreie Produkte zu liefern.
Farbwähler mit Export
Wählen Sie jede Farbe auf dem Bildschirm aus und kopieren Sie sie als HTML-hex oder Swift UIColor (RGBA oder HSB) – bereit zum direkten Einfügen in Ihren Code oder Ihr Design-Tool.
Teilen & Exportieren
Erstellen Sie Kontrast-Berichte zum Teilen per Mail, Nachrichten oder Notizen; exportieren Sie Fokus-Reihenfolge-Karten als Bilder oder PDFs; und teilen Sie Audit-Ergebnisse als Text, CSV oder PDF-Bericht.
Von Grund auf privat
Alles läuft auf Ihrem Gerät. Die Websites, Bilder und Farben, die Sie prüfen, verlassen nie Ihr iPhone, Ihr iPad oder Ihren Mac.
Machen Sie Ihre Designs noch heute barrierefrei
Laden Sie Accessibility Checker und stellen Sie sicher, dass Ihre Apps und Websites die WCAG-Standards erfüllen – auf iPhone, iPad und Mac.
