axe ist die meistgenutzte quelloffene Test-Engine für automatische Barrierefreiheit. Entwickelt wird sie von Deque Systems. Die Bibliothek axe-core prüft das gerenderte HTML deiner Seite gegen Regeln, die auf der WCAG basieren, und liefert das Ergebnis in Sekunden.
Wofür du es nutzt
axe findet technische Verstöße zuverlässig und reproduzierbar:
- fehlende oder leere Alternativtexte,
- zu geringer Farbkontrast,
- fehlerhaftes ARIA oder doppelte IDs,
- Probleme in der Überschriftenstruktur.
Du erreichst axe am einfachsten über die kostenlose Browser-Erweiterung axe DevTools für Chrome und Firefox. Die Engine steckt außerdem in vielen anderen Werkzeugen, zum Beispiel in Lighthouse. Für die Entwicklung lässt sich axe-core direkt in Test-Pipelines einbinden, sodass jeder Code-Stand automatisch geprüft wird, bevor er live geht. Das spart in WordPress-Projekten viel Zeit, weil wiederkehrende Fehler gar nicht erst in Produktion landen.
Grenzen
axe ist ein automatisches Tool und damit Teil eines größeren Bildes. Laut Deque deckt automatisches Testen im Schnitt rund 57 Prozent der Accessibility-Probleme vollständig ab. Wo axe sich nicht sicher ist, markiert es Stellen als „incomplete“ und fordert dich zur manuellen Prüfung auf. Diese Ehrlichkeit ist ein Vorteil: Statt ein falsches Bestanden auszugeben, zeigt axe klar an, wo dein Blick noch gebraucht wird. Gerade in WordPress entstehen viele Probleme erst durch Inhalte, die Redakteure später einpflegen, etwa Bilder ohne Alt-Text oder kopierte Tabellen ohne Struktur. Ob ein Alt-Text wirklich passt, ob die Tastaturbedienbarkeit wirklich funktioniert oder ein Inhalt verständlich ist, kann nur ein Mensch beurteilen. Nutze axe als schnellen ersten Filter und ergänze es durch manuelle Tests. Eine Übersicht passender Werkzeuge findest du auf meiner Tools-Seite.