Wer die eigene Webseite auf Barrierefreiheit prüfen will, stößt schnell auf die drei Namen axe, WAVE und Lighthouse. Alle drei laufen direkt im Browser, alle drei kosten nichts. Trotzdem zeigen sie dieselbe Seite auf sehr verschiedene Weise.
Das eine markiert Fehler bunt im Layout, das andere liefert eine nüchterne Mängelliste, das dritte vergibt eine Punktzahl. Wer die drei verwechselt, vergleicht Äpfel mit Birnen und wundert sich über widersprüchliche Ergebnisse. Welches Werkzeug wofür taugt und wie Du die Befunde richtig deutest, klärt sich Tool für Tool.
Was ein Browser-Test überhaupt leistet
Alle drei Werkzeuge schauen sich die fertige Seite im Browser an und prüfen sie gegen einen festen Katalog von Regeln. Sie sehen, ob Bildern der Alternativtext fehlt, ob Farben zu blass kontrastieren oder ob die Struktur einer Seite durcheinandergeraten ist.
Diese automatische Prüfung erledigt einen großen Teil der stumpfen Arbeit in Sekunden. Sie findet das, was sich nach klaren Regeln messen lässt. Den ganzen Rest, also alles, was ein menschliches Urteil braucht, deckt sie nicht ab. Diese Grenze gilt für jedes der drei Tools gleichermaßen und gehört von Anfang an mitgedacht.
axe DevTools — der genaue Prüfer für die Tiefe
axe ist das Werkzeug mit dem Ruf der Präzision. Es meldet wenige falsche Alarme und benennt jeden Fund klar. Du erfährst, welche Regel verletzt ist, an welcher Stelle der Seite und wie schwer das Problem wiegt. Genau dafür schätzen es Fachleute.
Zu jedem Befund liefert axe eine Erklärung und einen Weg zur Behebung. Du verstehst also, warum etwas als Fehler gilt, ohne selbst Norm-Texte wälzen zu müssen. Das macht axe zum besten Begleiter, wenn Du eine Seite gründlich abklopfen oder einer Agentur eine saubere Mängelliste übergeben willst.
Der Preis dieser Genauigkeit ist eine etwas nüchterne Oberfläche. axe verzichtet auf große Worte und listet die Funde nüchtern auf. Für den ersten Kontakt mit dem Thema wirkt das manchmal trocken, für die ernsthafte Prüfung ist es Gold wert.
WAVE — die visuelle Karte für den Einstieg
WAVE geht den umgekehrten Weg und macht Barrierefreiheit sichtbar. Es legt farbige Symbole direkt über Deine Seite. Grüne Marker stehen für korrekt ausgezeichnete Elemente, rote für Fehler, gelbe für Stellen, die ein Mensch noch beurteilen sollte.
So siehst Du auf einen Blick, wo es klemmt, ohne eine abstrakte Liste lesen zu müssen. Fehlt einem Bild der Alternativtext, klebt das rote Symbol genau dort. Diese direkte Verbindung von Befund und Ort macht WAVE zum freundlichsten Werkzeug für den Einstieg.
Auch den Kontrast prüft WAVE anschaulich und zeigt Dir, welche Text-Hintergrund-Kombination unter dem Mindestwert liegt. Für eine erste Bestandsaufnahme, die auch ohne Fachjargon verständlich bleibt, ist WAVE oft der angenehmste Startpunkt.
Lighthouse — der Score, der schon eingebaut ist
Lighthouse steckt bereits in Chrome und braucht keine zusätzliche Installation. Es prüft eine Seite auf mehrere Felder gleichzeitig, darunter Ladezeit, Suchmaschinen-Tauglichkeit und Barrierefreiheit. Jeden Bereich fasst es zu einer Punktzahl zwischen null und hundert zusammen.
Diese Zahl ist verführerisch handlich und gleichzeitig leicht misszuverstehen. Ein hoher Wert beweist nicht, dass eine Seite barrierefrei ist. Lighthouse testet nur den automatisch messbaren Ausschnitt und rechnet daraus einen Durchschnitt. Eine Seite mit 100 Punkten kann für einen Screenreader trotzdem unbrauchbar sein.
Als grober Wegweiser und für den Verlauf über die Zeit ist der Score brauchbar. Du erkennst schnell, ob eine Änderung etwas verbessert oder verschlechtert hat. Für die Detailarbeit greifst Du danach zu axe oder WAVE, die jeden einzelnen Fund benennen.
Wie Du die Ergebnisse richtig liest
Alle drei Tools sortieren ihre Funde nach Sicherheit. Manche Punkte sind eindeutige Fehler, andere nur Hinweise, die ein Mensch prüfen muss. Diese gelben oder grauen Markierungen meinen keinen Mangel, sie laden Dich ein, selbst hinzuschauen.
Arbeite die klaren Fehler zuerst ab, denn sie blockieren manche Besucher komplett. Die Hinweise nimmst Du Dir danach in Ruhe vor. Wer jeden gelben Marker als Notfall behandelt, verzettelt sich, und wer sie ignoriert, übersieht die Hälfte.
Ein zweiter Lesefehler lauert bei der reinen Anzahl. Zwanzig fehlende Alternativtexte stammen oft aus einem einzigen Element, das sich überall wiederholt. Eine Korrektur an der richtigen Stelle räumt dann viele Meldungen auf einmal weg.
Wo alle drei an ihre Grenze kommen
Studien zur automatischen Prüfung kommen immer wieder auf denselben Wert. Werkzeuge wie diese erkennen etwa ein Drittel aller echten Barrieren. Der Rest braucht ein menschliches Urteil, weil sich Sinn und Zusammenhang nicht nach starren Regeln messen lassen.
Ob ein Alternativtext das Bild wirklich beschreibt oder nur „Foto" sagt, sieht kein Tool. Ob die Reihenfolge der Inhalte logisch ist, ob ein Formular ohne Maus bedienbar bleibt, ob ein Video passende Untertitel hat, all das entscheidet erst der Mensch am Bildschirm.
Die automatische Prüfung ist deshalb der Anfang einer guten Kontrolle. Wie der Tastatur-Test und der Selbsttest mit dem Screenreader dazugehören, beschreibt der Überblick über alle Testmethoden Schritt für Schritt.
Welches Tool für welchen Fall
Die drei Werkzeuge schließen sich nicht aus, sie ergänzen sich. Für den schnellen ersten Eindruck und zum Lernen ist WAVE ideal, weil es die Probleme direkt auf der Seite zeigt. Für die gründliche Prüfung und eine saubere Mängelliste greifst Du zu axe.
Lighthouse eignet sich, wenn Du ohne Installation eine schnelle Tendenz brauchst oder den Fortschritt über mehrere Überarbeitungen verfolgen willst. Viele Profis nutzen alle drei nacheinander, weil jedes einen anderen Blickwinkel beisteuert.
- WAVE: visuell, einsteigerfreundlich, ideal für die erste Bestandsaufnahme direkt auf der Seite.
- axe: präzise und detailreich, der richtige Begleiter für die ernsthafte Prüfung und Übergabe an eine Agentur.
- Lighthouse: eingebaut und schnell, gut für eine grobe Punktzahl und den Verlauf, schwach im Detail.
Fazit
axe, WAVE und Lighthouse sind kostenlos, in Minuten einsatzbereit und nehmen Dir den mühsamsten Teil der Kontrolle ab. WAVE öffnet den Einstieg, axe liefert die Tiefe, Lighthouse gibt die schnelle Tendenz.
Keines der drei ersetzt den prüfenden Blick eines Menschen, denn rund zwei Drittel aller Barrieren bleiben für Maschinen unsichtbar. Wenn Du die automatische Prüfung als Startpunkt nimmst und den Rest selbst abklopfst, bist Du den meisten Webseiten weit voraus. Wie das Ganze in die WCAG passt, ordnen die WCAG-Grundlagen ein.