Accessibility Checker WCAG-Audit & Farbkontrast
Prüfen Sie jede Website auf Barrierefreiheit. In Sekunden. Vom Smartphone – oder von iPad und Mac. Jetzt mit der Visualisierung der Fokus-Reihenfolge.
Neu hier? Lesen Sie das Benutzerhandbuch für eine Tour durch alle Tools.
Neu in diesem Update
Eine brandneue Methode, Tastatur-Barrierefreiheit zu testen, und ein Redesign für große Bildschirme.
Visualisierung der Fokus-Reihenfolge
Erfassen Sie die Tastatur-Fokus-Reihenfolge (Tab-Reihenfolge) jeder Webseite, erkennen Sie Probleme auf einen Blick (WCAG 2.4.3) und exportieren Sie die Karte der gesamten Seite als Bild oder PDF.
Neu gestaltet für iPad & Mac
Eine schwebende Ergebniskarte, die Sie in jede Ecke verschieben können, Menüleisten-Befehle und Tastaturkurzbefehle – Audits fühlen sich auf großen Bildschirmen endlich nativ an.
18 Sprachen
Umfassendere Lokalisierung in der gesamten App, plus Stabilitätsverbesserungen überall.
Drei Tools. Ein komplettes Toolkit.
Professionelle WCAG-Tests auf Ihrem Smartphone – keine Browser-Erweiterungen, kein Desktop-Setup.
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
Neu gestaltet für iPad und Mac
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.
Menüleisten-Befehle und Tastaturkurzbefehle decken 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 iPad & MacEAA-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 Ihr Smartphone nie.
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.
