WAVE vs Lighthouse vs axe: Welches Barrierefreiheits-Tool für Ihren Online-Shop?

Sie haben von BFSG gehört und wollen Ihren Shop auf Barrierefreiheit testen. Google zeigt drei Namen: WAVE, Lighthouse, axe. Aber welches Tool ist das richtige für Sie?

Der schnelle Vergleich

WAVE: Am besten für Einsteiger

Was ist WAVE?

WAVE (Web Accessibility Evaluation Tool) ist eine Browser-Extension von WebAIM, einer gemeinnützigen Organisation. Es analysiert Webseiten und zeigt Probleme direkt im Browser mit farbigen Icons an.

Stärken von WAVE

1. Visuelles Feedback – Fehler werden direkt auf der Seite markiert
2. Verständliche Erklärungen – Jeder Fehler wird erklärt, ohne Entwickler-Jargon
3. Strukturansicht – Zeigt die Überschriften-Hierarchie (H1, H2, H3...)
4. Kontrastprüfung – Farbkontraste werden automatisch berechnet
5. Kostenlos – Keine versteckten Kosten

Schwächen von WAVE

• Keine Automatisierung – Jede Seite muss manuell geprüft werden
• Kein Monitoring – Keine Benachrichtigung bei neuen Fehlern
• Keine API – Nicht in Build-Prozesse integrierbar

WAVE ist ideal für:

• Shop-Betreiber ohne technischen Hintergrund
• Schnelle Erstprüfung einzelner Seiten
• Lernen, was Barrierefreiheit bedeutet

---

Lighthouse: Der Google-Standard

Was ist Lighthouse?

Lighthouse ist ein automatisiertes Audit-Tool von Google, das in Chrome DevTools integriert ist. Es prüft Performance, SEO, Best Practices – und Accessibility.

Stärken von Lighthouse

1. Bereits installiert – In jedem Chrome-Browser verfügbar
2. CI/CD-Integration – Kann automatisiert im Build laufen
3. Score-System – 0-100 Punkte machen Fortschritte messbar
4. Google-Empfehlung – Wird oft als Referenz genannt
5. Performance-Daten – Accessibility ist Teil eines größeren Audits

Schwächen von Lighthouse

• Oberflächliche Prüfung – Prüft nur Basis-Kriterien
• Wenig visuelles Feedback – Fehler werden als Liste gezeigt
• Kein BFSG-Fokus – Nicht auf deutsche Anforderungen ausgerichtet
• False Positives – Manchmal ungenaue Ergebnisse

Lighthouse ist ideal für:

• Entwickler, die Performance und Accessibility kombinieren
• Teams mit CI/CD-Pipelines
• Schnelle "Sanity Checks" vor dem Deployment

---

axe DevTools: Für Entwickler

Was ist axe DevTools?

axe ist ein Open-Source-Accessibility-Testing-Tool von Deque Systems. Die DevTools-Extension erweitert Chrome DevTools um einen "axe"-Tab.

Stärken von axe

1. Höchste Genauigkeit – Weniger False Positives als andere Tools
2. axe-core Engine – Industriestandard für automatisierte Tests
3. Detaillierte Berichte – WCAG-Referenzen, Code-Snippets, Fix-Anleitungen
4. API verfügbar – axe-core kann in Jest, Cypress etc. integriert werden
5. Regel-Anpassung – Filter nach WCAG-Level (A, AA, AAA)

Schwächen von axe

• Technisch – Erfordert Verständnis von DevTools
• Pro-Features kostenpflichtig – Guided Tests nur in der Bezahlversion
• Kein visuelles Overlay – Fehler werden nicht auf der Seite markiert
• Manueller Start – Jede Seite muss einzeln analysiert werden

axe ist ideal für:

• Frontend-Entwickler
• Teams mit automatisierten Test-Pipelines
• Detaillierte Fehleranalyse vor dem Fix

---

Das Problem aller drei Tools

Was diese Tools nicht können:

1. Automatische Überwachung – Sie müssen jede Seite manuell prüfen
2. Regelmäßige Scans – Keine geplanten Prüfungen möglich
3. Benachrichtigungen – Keine Alerts bei neuen Fehlern
4. Compliance-Dokumentation – Keine BFSG-konformen Berichte
5. Priorisierung – Keine Sortierung nach rechtlichem Risiko

Die Konsequenz:

Ein Shop mit 50+ Produktseiten müsste jede Seite einzeln testen – und nach jedem Update erneut. Bei aktiven Shops mit regelmäßigen Änderungen ist das nicht praktikabel.

---

Wann automatisches Monitoring sinnvoll ist

Für BFSG-Compliance brauchen Sie mehr als einen einmaligen Test:

Was automatisches Monitoring bietet:

1. Tägliche Scans – Neue Fehler werden sofort erkannt
2. Benachrichtigungen – E-Mail oder Slack bei Problemen
3. Priorisierung – Die kritischsten Fehler zuerst
4. Compliance-Berichte – PDF für Ihren Anwalt
5. Trend-Tracking – Fortschritte werden sichtbar

---

Empfehlung: Die Kombination

Die beste Strategie nutzt mehrere Ansätze:

Konkret:

1. Start: WAVE nutzen, um Barrierefreiheit zu verstehen
2. Alltag: Automatisches Monitoring für kontinuierliche Compliance
3. Fixes: axe DevTools für detaillierte Fehleranalyse
4. Dokumentation: Automatische Berichte für Audits

---

Fazit: Kein Ersatz für kontinuierliche Überwachung

WAVE, Lighthouse und axe sind hervorragende Diagnose-Tools. Aber für BFSG-Compliance brauchen Sie kontinuierliche Überwachung – besonders wenn:

• Ihr Shop regelmäßig aktualisiert wird
• Sie keine Zeit für manuelle Tests haben
• Sie Audit-sichere Dokumentation benötigen
• Sie bei Problemen sofort informiert werden wollen