axe DevTools

Kurzfazit

axe DevTools ist der De-facto-Standard für automatisierte WCAG-Tests. Die zugrunde liegende Open-Source-Engine axe-core steckt auch in Google Lighthouse, Microsoft Accessibility Insights und Siteimprove — wer mit einem dieser Tools testet, nutzt indirekt schon Deque-Technik. Die Browser-Extension ist kostenlos und für die meisten Entwickler:innen das beste Einstiegswerkzeug überhaupt. Die Pro-Version lohnt sich erst, wenn du regelmäßig Component-Level-Scans, geführte manuelle Tests oder Jira-Integration brauchst.

Für wen ist axe DevTools?

Frontend-Entwicklerteams: Klare Zielgruppe. Die Extension läuft direkt neben den DevTools im Browser, liefert Findings mit Code-Selector und Behebungs-Snippet. Ein Klick öffnet das Element im Inspector — exakt der Workflow, den Entwickler:innen ohnehin gewohnt sind.

QA und Test-Automation: axe-core lässt sich in Cypress, Playwright, Selenium oder Jest einbinden. Damit werden Barrierefreiheits-Regressionstests Teil der Pipeline — jeder Pull Request bekommt ein a11y-Verdict, bevor er gemerged wird.

Agenturen und Auditor:innen: Pro liefert standardisierte Reports und Intelligent Guided Tests, die auch nicht-technische Prüfer:innen durch komplexe Komponenten führen (Carousel, Modal, Datepicker). Praktisch für strukturierte Kund:innen-Audits.

Compliance-Verantwortliche bei BFSG-Vorbereitung: Für die initiale Bestandsaufnahme vor dem 28. Juni 2025 ist axe DevTools die schnellste Möglichkeit, einen technischen Problemstand zu erfassen. Achtung: Die Toolausgabe ersetzt keinen vollständigen WCAG-2.2-AA-Audit.

Weniger geeignet für: Redaktionen ohne Entwickler:innen, die eine SaaS-Plattform mit Dashboards und Tickets erwarten — dafür ist Siteimprove das passendere Werkzeug. Auch wer eine deutschsprachige Oberfläche braucht, wird hier enttäuscht.

Preise im Detail

Plan	Preis	Was du bekommst
axe-core (Open Source)	0 €	Apache-2.0-Lizenz, npm-Paket, kein Account, beliebige Integration in eigene Tools
axe DevTools Extension Free	0 €	Browser-Extension für Chrome, Firefox, Edge — Page-Scan mit allen Best-Practice-Regeln
axe DevTools Pro	Auf Anfrage (Marktpreis ca. 40–45 USD/Nutzer/Monat)	Intelligent Guided Tests, Component-Scans, AI-gestützte Automation mit monatlichem Credit-Kontingent, Jira-Integration, SSO, 14-Tage-Trial
axe DevTools für Web/Mobile/HTML	Auf Anfrage	CI-Integration, Linter, separate Produkte für Web, iOS und Android
axe Assistant / axe Auditor	Auf Anfrage	KI-gestützter a11y-Chatbot bzw. strukturierte manuelle Audit-Software
Enterprise Bundle	Auf Anfrage	Kombination aus DevTools, Monitor, Linter, Auditor mit Volumenrabatt

Einordnung: Deque hat 2024/2025 die öffentlichen Listenpreise von der Pricing-Seite genommen — heute musst du für Pro ein Angebot anfragen oder die 14-tägige Trial starten. Der Marktpreis pendelt sich seit Jahren bei 40–45 USD pro Nutzer und Monat ein, mit deutlichen Rabatten ab größeren Team-Größen. Für ein dreiköpfiges Frontend-Team rechnen sich Pro-Lizenzen schnell, sobald Component-Scans und IGT regelmäßig genutzt werden. Wer nur sporadisch testet, fährt mit der kostenlosen Extension plus optional axe-core in der CI sehr weit.

Stärken im Detail

Industriestandard-Engine. axe-core ist Open Source unter Apache-2.0, wird in Lighthouse, Microsoft Accessibility Insights, Pa11y, Cypress-Plugins und Dutzenden weiterer Tools eingesetzt. Wenn du mit axe DevTools testest, sind deine Befunde in der gesamten a11y-Community reproduzierbar und werden von Auditor:innen ohne Diskussion akzeptiert.

Niedrige False-Positive-Rate. Deque investiert seit Jahren darin, dass die Engine nur Befunde meldet, die wirklich Probleme sind. Das klingt selbstverständlich, ist es aber nicht — viele Konkurrenten produzieren so viele Fehlalarme, dass Teams die Reports irgendwann ignorieren. axe-core hat hier den besten Ruf am Markt.

Intelligent Guided Tests (IGT). Die Pro-Version führt durch Prüfschritte, die nicht automatisiert ablaufen können: Tab-Reihenfolge, Screenreader-Verhalten, Modal-Trapping. Du klickst dich durch eine geführte Checkliste, axe DevTools dokumentiert das Ergebnis. Das schließt die Lücke zwischen “automatisierter Scan” und “vollständiger manueller Audit”.

Tiefe CI/CD-Integration. @axe-core/playwright, @axe-core/react, cypress-axe, GitHub Actions, GitLab CI — fast jedes Tooling, das du im Frontend-Workflow nutzt, hat ein offizielles axe-Plugin. Damit werden a11y-Verstöße gleichberechtigt neben Unit-Tests behandelt.

KI-Erweiterungen. Mit axe Assistant (KI-Chatbot mit Accessibility-Wissen) und der “AI-enhanced automation” in Pro hat Deque das Portfolio 2024/2025 deutlich erweitert. Beides hilft, Befunde nicht nur zu finden, sondern auch lösungsorientiert einzuordnen — etwa “Wie korrigiere ich diesen Kontrastfehler in einem Tailwind-Theme?”.

Schwächen ehrlich betrachtet

Die “57 Prozent WCAG-Abdeckung” ist eine Hersteller-Zahl. Deque selbst kommuniziert, dass automatisiertes Testing rund 57 Prozent der WCAG-Probleme erkennt. Unabhängige Untersuchungen — etwa Studien zu axe vs. Pa11y vs. Wave — kommen eher auf 30–40 Prozent für rein automatisierte Scans. Beide Zahlen sagen dasselbe: Ein Tool reicht nicht, manuelle Prüfung mit Screenreader und Tastatur bleibt Pflicht.

Englisch only. Es gibt keine deutsche Oberfläche, keine deutschen Reports, keinen deutschen Support. Für interne Entwickler:innen ist das meist okay, für gemischte Teams mit Compliance-Verantwortlichen ohne Englischkenntnisse wird es zur Hürde. Reports musst du übersetzen oder zusammenfassen, bevor sie an die Geschäftsführung gehen.

Pro-Pricing ist intransparent. Seit die öffentliche Preisseite umgestellt wurde, musst du für jeden Use Case ein Angebot einholen. Das verlängert Beschaffungsprozesse — gerade in Kommunen und öffentlichen Einrichtungen, die für BFSG-Audits eigentlich schnell handeln müssten. Die kostenlose Extension reicht für viele Teams, aber wer Component-Scans braucht, kommt um den Vertriebskontakt nicht herum.

US-Hosting für Pro-Features. Die Open-Source-Engine läuft komplett lokal — kein Datenabfluss. Sobald du Pro-Features mit Cloud-Sync nutzt (Issue-Tracking, Team-Reports, AI-Credits), gehen Daten zu Deque-Servern in den USA. Für DSGVO-sensible Branchen (Behörden, Kanzleien, Krankenhäuser) ist das ein Diskussionspunkt mit dem Datenschutzbeauftragten.

Keine echten Visualisierungen für Stakeholder. axe DevTools liefert Entwickler-Output: Selektoren, Code-Snippets, technische Beschreibungen. Wer dem Vorstand zeigen will, “wie barrierefrei unsere Website ist”, braucht zusätzlich Siteimprove oder muss die Reports selbst aufbereiten.

Alternativen im Vergleich

Wenn du…	…nimm stattdessen
Eine kostenlose CLI für CI-Pipelines willst	Pa11y
Visuelle Highlights direkt im Browser brauchst	WAVE
Schon mit Chrome DevTools arbeitest und einen schnellen Score willst	Google Lighthouse
Eine Enterprise-Plattform mit Dashboards für Nicht-Techniker:innen suchst	Siteimprove
PDFs auf Barrierefreiheit prüfen musst	PDF Accessibility Checker (PAC)

Die ehrliche Wahrheit: Die meisten Konkurrenten nutzen unter der Haube ohnehin axe-core. Wenn du mit Lighthouse, Pa11y oder Siteimprove zufrieden bist, testest du indirekt mit Deque-Engine. axe DevTools selbst zu nehmen lohnt sich, wenn du die neuesten Regel-Updates direkt willst, IGT für strukturierte manuelle Tests brauchst oder die Component-Scans im React/Vue-Workflow verankern möchtest.

So steigst du ein

Schritt 1: Installiere die kostenlose axe DevTools-Extension für Chrome, Firefox oder Edge. Kein Account, keine Anmeldung, keine Datenübertragung — die Engine läuft komplett lokal in deinem Browser.

Schritt 2: Öffne deine Website, drücke F12, wechsle in den axe DevTools-Tab und klicke “Scan All of My Page”. Du bekommst eine Liste mit Findings, sortiert nach Schweregrad (Critical, Serious, Moderate, Minor) und mit konkreten Code-Hinweisen plus Link auf den passenden WCAG-Erfolgskriterium.

Schritt 3: Für CI-Integration nimm @axe-core/playwright oder cypress-axe per npm und schreibe einen Test, der die wichtigsten Routen scannt und bei Critical-Findings das Build failen lässt. Pro-Lizenz erst evaluieren, wenn ihr regelmäßig Component-Level-Scans braucht — dann 14-Tage-Trial starten und parallel ein Angebot anfragen.

Ein konkretes Beispiel

Ein mittelständischer B2B-Online-Shop aus dem Ruhrgebiet bereitet sich auf den BFSG-Stichtag vor. Die kostenlose axe DevTools-Extension findet auf der Startseite 18 Probleme, davon sieben kritisch: fehlende Alt-Texte, ungenügender Farbkontrast in der Filterleiste, fehlende Tastatur-Navigation für das Hauptmenü, falsch verschachtelte Heading-Hierarchie. Drei Stunden Entwicklerzeit beheben das Offensichtliche. Der nachfolgende manuelle Test mit NVDA-Screenreader und reiner Tastatur-Navigation deckt weitere elf Probleme auf, die kein automatisiertes Tool finden kann — etwa unlogische Lesereihenfolge in Produktkacheln und nicht angekündigte Statusänderungen im Warenkorb. Gesamt-Aufwand: rund zwei Personentage statt der 5.000 Euro, die ein Audit-Dienstleister angeboten hatte. Für das initiale Sortieren der Befunde reicht die freie Extension — der externe Auditor wird erst für die finale Konformitätsprüfung gebucht.

DSGVO & Datenschutz

• Datenhosting: USA (Deque Systems, Sitz Reston, Virginia). Pro-Features mit Cloud-Sync übertragen Daten in die USA.
• Lokale Verarbeitung: Die Browser-Extension und axe-core als npm-Paket arbeiten komplett lokal — keine Daten verlassen den Rechner. Das ist der entscheidende Vorteil gegenüber Hosted-Scannern.
• AI-Credits in Pro: AI-gestützte Features (axe Assistant, AI-enhanced automation) senden Anfragen an Deque-Backends. Welche LLM-Anbieter im Hintergrund stehen, kommuniziert Deque nicht öffentlich.
• AVV: Auftragsverarbeitungsvertrag für Enterprise-Kunden auf Anfrage verfügbar. Für die kostenlose Extension irrelevant, da keine Datenübertragung.
• Empfehlung: Für Behörden und stark regulierte Branchen (Banken, Krankenhäuser) die kostenlose Extension plus axe-core in der eigenen CI verwenden — damit bleibt alles lokal. Pro nur nach Datenschutz-Folgenabschätzung einsetzen.

Gut kombiniert mit

• WAVE — als zweite Meinung im Browser. WAVE visualisiert Befunde direkt im Layout statt in einer Liste, was bei der Triage manchmal schneller geht als der DevTools-Tree.
• Pa11y — als Open-Source-Ergänzung in der CI. Pa11y kann viele Seiten in Folge crawlen, axe DevTools fokussiert auf einzelne Routen — die Kombination deckt sowohl Tiefe als auch Breite ab.
• Siteimprove — wenn nicht-technische Stakeholder regelmäßige Reports brauchen. Siteimprove nutzt unter der Haube axe-core, ergänzt aber Dashboards, Trend-Reports und Workflow-Tools für Marketing- und Compliance-Teams.

Unser Testurteil

axe DevTools verdient 4 von 5 Sternen. Die Engine ist Industriestandard, die kostenlose Extension ist eines der besten Frontend-Tools überhaupt, und die Pro-Features (IGT, Component-Scans, AI-Assistant) sind für ernsthafte a11y-Arbeit ihren Preis wert. Den fünften Stern verliert das Tool aus drei Gründen: keine deutsche UI, intransparente Pro-Preise, US-Hosting für die Cloud-Features. Für deutschsprachige Frontend-Teams mit eigener CI/CD ist es trotzdem die naheliegende Wahl — und für die kostenlose Extension gibt es schlicht keinen Grund, sie nicht zu installieren.

Was wir bemerkt haben

• 2024–2025 — Deque hat die öffentliche Pricing-Seite umgebaut: Listenpreise für Pro sind nicht mehr abrufbar, stattdessen “Contact us”/Trial-Flow. Für Beschaffung in Behörden und KMU bedeutet das längere Vorlaufzeiten.
• 2024 — Mit “axe Assistant” hat Deque einen KI-Chatbot mit Accessibility-Fokus eingeführt; in der Pro-Version gibt es zusätzlich “AI-enhanced automation” mit monatlichem Credit-Kontingent. Damit positioniert sich Deque jenseits reiner Regelbasis-Tests.
• Juni 2025 — Mit dem Inkrafttreten des European Accessibility Act und des deutschen Barrierefreiheitsstärkungsgesetzes ist die Nachfrage nach Tools wie axe DevTools spürbar gestiegen — gleichzeitig hat Deque Schulungs- und Consulting-Angebote für den europäischen Markt ausgebaut.
• 2025 — axe-core hat einen offiziellen MCP-Server bekommen. Damit können KI-Assistenten wie Claude oder Cursor direkt auf die a11y-Engine zugreifen und Befunde im Code-Editor einordnen.