Barrierefreiheit kostenlos testen: 5 Tools im Vergleich

für einen ersten Überblick reicht ein kostenloses Werkzeug: der Check auf dieser Seite, WAVE oder Lighthouse. Alle drei finden nur Fehler, die sich automatisch erkennen lassen, etwa fehlende Alternativtexte, zu schwache Kontraste oder Formularfelder ohne Beschriftung. Ob eine Website wirklich barrierefrei ist, zeigt erst eine Prüfung von Hand mit Tastatur und Screenreader. Das sieht auch das W3C so: „No tool alone can determine if a site meets accessibility standards“.

Direkt ausprobieren: unser kostenloser Check

Wie barrierefrei ist Ihre Website?

Geben Sie die Adresse einer Seite Ihrer Website ein. Nach etwa 20 bis 40 Sekunden sehen Sie, welche automatisch prüfbaren Anforderungen die Seite nicht erfüllt, und wo Sie zuerst ansetzen sollten. Eine Anmeldung ist nicht nötig.

Hinter dem Check steckt Google PageSpeed Insights. Dort lädt Google Lighthouse die Seite in Chrome und prüft sie mit axe-core, derselben Prüfmaschine wie in der axe-Erweiterung weiter unten. Drei Dinge sollten Sie vorher wissen:

Geprüft wird nur die eingegebene Seite, nicht die ganze Website. Prüfen Sie deshalb auch Ihre Startseite, ein Formular und eine Inhaltsseite.
Seiten hinter einem Login sind nicht erreichbar.
Die eingegebene Adresse wird an Google übermittelt. Details stehen in den Datenschutzinformationen.

Den Check gibt es auch auf einer eigenen Seite, mit allen Erklärungen zum Ergebnis.

Die Werkzeuge im Vergleich

Alle fünf Werkzeuge prüfen automatisch. Sie unterscheiden sich darin, wo sie laufen, was sie anzeigen und wie viel Handarbeit sie unterstützen.

Werkzeug	So nutzen Sie es	Das leistet es	Das sollten Sie wissen
Unser Check	Adresse eingeben, Ergebnis nach 20–40 Sekunden	Anzahl der Probleme, Lighthouse-Wert von 0 bis 100, die drei wichtigsten Prüfpunkte, auf Wunsch ein PDF-Bericht	Nur die eingegebene Seite, keine Seiten hinter einem Login
Lighthouse	Im Browser (Chrome-Entwicklertools) oder über PageSpeed Insights	Wert als gewichteter Durchschnitt aller Prüfpunkte, gewichtet nach Auswirkung auf Nutzende	Jeder Prüfpunkt gilt als bestanden oder nicht, es gibt keine Teilpunkte. Manuelle Prüfpunkte fließen nicht in den Wert ein
axe DevTools	Kostenlose Erweiterung für Chrome	Findet Fehler automatisch und führt zusätzlich durch geführte Tests („Intelligent Guided Tests“)	Die kostenpflichtigen Produkte desselben Anbieters sind ein eigenes Angebot
WAVE	Erweiterung für Chrome, Firefox und Edge, oder Online-Version	Zeigt Fehler und Hinweise direkt an der Seite und unterstützt die Bewertung von Hand	Die Erweiterung prüft im Browser, es werden keine Daten an den WAVE-Server geschickt. Sie funktioniert auch bei Intranet-, passwortgeschützten und dynamischen Seiten
WebAIM Contrast Checker	Zwei Farbwerte eingeben	Prüft das Kontrastverhältnis nach WCAG AA und AAA: mindestens 4,5:1 für normalen Text, 3:1 für großen Text und Bedienelemente	Prüft nur die Farben, die Sie eingeben, nicht die ganze Seite

Wann welches Werkzeug? Wer schnell wissen will, wo eine Seite steht, nimmt den Check oder Lighthouse. Für Seiten hinter einem Login und für die Arbeit an einzelnen Stellen eignen sich WAVE und axe, weil sie im eigenen Browser laufen. Bei Farbfragen hilft der Contrast Checker. [Link auf den Ratgeber zum Farbkontrast hier einfügen]

[Saskia: Kosten prüfen. Auf den abgerufenen WAVE-Seiten steht kein Preis. Bitte bestätigen, dass die Erweiterung kostenlos ist, sonst die Spalte „So nutzen Sie es“ anpassen.]

Was kostenlose Tests nicht finden

Ein guter Wert heißt nur, dass alle automatischen Prüfpunkte bestanden sind. Er sagt nichts über alles, was sich nicht automatisch messen lässt. Das W3C schreibt dazu: „Knowledgeable human evaluation is required to determine if a site is accessible“.

Ein Werkzeug erkennt zum Beispiel, dass ein Bild einen Alternativtext hat. Es erkennt nicht, ob der Text beschreibt, was auf dem Bild wichtig ist. Es sieht, dass ein Formularfeld beschriftet ist, aber nicht, ob die Fehlermeldung nach einem falschen Eintrag verständlich ist. Und es klickt sich nicht mit der Tastatur durch Ihre Seite, um zu sehen, ob der Fokus irgendwo verschwindet.

Das W3C empfiehlt für den Einstieg die „Easy Checks“, die es selbst als schnell, aber nicht abschließend beschreibt. Sie decken unter anderem Seitentitel, Überschriften, Farbkontrast, Textvergrößerung, Tastaturbedienung mit sichtbarem Fokus und Formulare ab. Wie das Schritt für Schritt geht, steht in unserem Selbsttest in zehn Schritten.

[Saskia: Hier passt ein Beispiel aus Ihrer Praxis, bei dem ein Werkzeug 100 Punkte oder keinen Fehler meldete und ein Test von Hand trotzdem Probleme fand. Aus dem Relaunch dieser Website liegen Messwerte vor (Lighthouse 96–97 auf 100). Bitte ergänzen, was der Test von Hand zusätzlich ergab, etwa bei Cookie-Banner, Formularfehlern oder Fokus.]

So gehe ich vor

[Saskia: Dieser Abschnitt lebt von deiner Erfahrung. Unten steht ein Ablauf als Vorschlag, bitte ändern, wo er nicht zu deiner Praxis passt, und ergänzen, welche Werkzeuge du wirklich nutzt.]

Überblick verschaffen: Mit dem Check oder Lighthouse sehe ich in unter einer Minute, ob es grobe Fehler gibt. [Saskia: welche Fehler dir in der Praxis am häufigsten begegnen]
Stellen eingrenzen: Mit axe oder WAVE im Browser finde ich die betroffenen Elemente und prüfe sie einzeln. [Saskia: welches der beiden du bevorzugst und warum]
Farben klären: Bei Zweifeln am Kontrast nutze ich den Contrast Checker mit den genauen Farbwerten aus dem Design.
Von Hand prüfen: Tastatur, Zoom und Screenreader. [Saskia: welchen Screenreader du nutzt und was du damit zuerst testest]

Für eine Website, die rechtlich unter das BFSG fallen könnte, reicht das als Selbsttest nicht aus. Ob das bei Ihnen der Fall ist, klärt unser BFSG-Check. Wenn Sie wissen wollen, was eine vollständige Prüfung enthält, finden Sie es unter Barrierefreiheit prüfen lassen.

Häufige Fragen

Welches kostenlose Werkzeug ist das beste?

Keines allein. Der Check und Lighthouse eignen sich für den schnellen Überblick, axe und WAVE für die Arbeit an einzelnen Stellen, der Contrast Checker für Farben. Am meisten bringt die Kombination mit einer Prüfung von Hand.

Reicht ein Lighthouse-Wert von 100?

Nein. Der Wert zeigt nur, dass alle automatischen Prüfpunkte bestanden sind. Manuelle Prüfpunkte fließen laut Lighthouse-Dokumentation nicht in den Wert ein.

Kann ich eine Seite hinter einem Login prüfen?

Mit unserem Check nicht. Die WAVE-Erweiterung prüft dagegen laut WebAIM auch passwortgeschützte Seiten, weil sie im Browser läuft.

Ersetzt der Check eine Prüfung nach dem BFSG?

Nein. Der Check ist eine Ersteinschätzung und keine Aussage zur Konformität. Ob das BFSG für Ihre Website gilt, klärt die Seite BFSG: Muss Ihre Website barrierefrei sein?.

Werden meine Daten übertragen?

Bei unserem Check wird die Adresse an Google PageSpeed Insights übermittelt. Die WAVE-Erweiterung schickt laut WebAIM keine Informationen an den WAVE-Server.