Website auf Barrierefreiheit testen: so geht's

Automatische Prüfung, Tastatur, Bildschirmleser, Zoom: wie Sie Ihre Website selbst testen, welche Werkzeuge es gibt und was jedes davon findet.

Ob eine Website barrierefrei ist, zeigt erst ein Test. Am besten kombinieren Sie zwei Wege: eine automatische Prüfung, die schnell alle Seiten durchgeht, und eine Prüfung von Hand, bei der ein Mensch die Website so benutzt, wie es Menschen mit Einschränkungen tun. Keiner der beiden Wege reicht allein.

Was eine automatische Prüfung kann

Eine automatische Prüfung findet etwa ein Drittel der Probleme, den Rest prüft ein Mensch.

Ein Prüfprogramm öffnet Ihre Seiten im Browser und vergleicht den Code mit den Regeln der WCAG. Es findet zuverlässig und in Minuten:

zu schwache Kontraste von Text und Knöpfen
Bilder ohne Alternativtext
Formularfelder ohne Beschriftung
Links und Knöpfe ohne erkennbaren Namen
eine fehlende Angabe der Sprache der Seite
Fehler in der Struktur, etwa doppelte IDs oder falsch verschachtelte Listen

Das ist viel, aber nicht alles. Eine automatische Prüfung findet etwa ein Drittel der Probleme. Ob ein Alternativtext das Bild wirklich beschreibt, ob die Reihenfolge beim Vorlesen Sinn ergibt oder ob ein Text verständlich ist, kann kein Programm beurteilen.

Werkzeuge für die automatische Prüfung

Werkzeug	Was es prüft	Gut für
Lighthouse (in Chrome eingebaut, Entwicklertools)	eine Seite, mit Punktzahl	einen ersten Blick
axe DevTools (Browser-Erweiterung)	eine Seite, ausführlich mit Stelle im Code	Entwickler bei der Arbeit
WAVE (Browser-Erweiterung)	eine Seite, Fehler direkt auf der Seite markiert	Redakteure und Einsteiger
Prüfung der ganzen Website	alle Seiten auf einmal, nach Regel und Seite geordnet	Bestandsaufnahme und Nachprüfen

So ungefähr sieht das Ergebnis einer Prüfung der ganzen Website aus (Beispiel).

Die Browser-Werkzeuge sind kostenlos, prüfen aber immer nur die Seite, die gerade offen ist. Bei einer Website mit 50 oder 300 Seiten wird das mühsam, und Fehler auf selten besuchten Seiten bleiben unentdeckt. Dafür gibt es Prüfungen, die die ganze Website lesen. Die meisten bauen auf axe-core auf, der verbreitetsten Prüfbibliothek, die auch in Lighthouse steckt.

Die Prüfung von Hand

Diese Tests brauchen kein Fachwissen, nur etwas Zeit. Nehmen Sie sich die wichtigsten Wege Ihrer Website vor: Startseite, Kontakt, eine typische Inhaltsseite und, wenn es sie gibt, Bestellung oder Buchung.

1. Nur mit der Tastatur

Mit Tab springt der Fokus von Element zu Element; der Rahmen zeigt, wo man gerade ist.

Legen Sie die Maus weg. Springen Sie mit Tab vorwärts, mit Umschalt + Tab zurück, öffnen Sie mit Enter und Leertaste.

Sehen Sie immer, wo Sie gerade sind (ein deutlicher Rahmen um das aktive Element)?
Erreichen Sie jedes Menü, jeden Knopf und jedes Formularfeld?
Kommen Sie aus jedem Dialog und jedem Cookie-Hinweis wieder heraus?
Ist die Reihenfolge logisch, oder springt der Fokus quer über die Seite?

2. Mit einem Bildschirmleser

Ein Bildschirmleser liest die Seite vor. Kostenlos sind NVDA für Windows, VoiceOver auf Mac und iPhone (eingebaut) und TalkBack auf Android (eingebaut). Hören Sie sich eine Seite einmal ganz an:

Werden Bilder sinnvoll beschrieben oder nur als „Bild“ oder Dateiname angesagt?
Sagt jeder Knopf, was er tut („Absenden“ statt „Knopf“)?
Werden Fehlermeldungen in Formularen vorgelesen?
Ergeben die Überschriften, für sich vorgelesen, eine verständliche Gliederung?

3. Vergrößern

Zoomen Sie im Browser auf 200 % (Strg und Plus, auf dem Mac Cmd und Plus). Nichts darf abgeschnitten werden oder übereinander liegen. Bei 400 % sollte die Seite wie auf einem Handy in eine Spalte umbrechen, ohne dass Sie seitwärts scrollen müssen.

4. Ohne Farbe und ohne Ton

Werden Informationen nur über Farbe vermittelt, etwa „Pflichtfelder sind rot“? Dann fehlt ein zweites Merkmal.
Haben Videos Untertitel? Gibt es für reine Audioinhalte eine Abschrift?
Bewegt sich etwas von selbst länger als fünf Sekunden? Dann muss man es anhalten können.

Eine ausführliche Liste zum Abhaken finden Sie in unserer Checkliste Barrierefreiheit.

Wann sich Fachleute lohnen

Für eine verbindliche Aussage, etwa vor einem Relaunch oder wenn eine Behörde nachfragt, lohnt sich eine Prüfung durch Fachleute, zum Beispiel nach dem Verfahren des BITV-Tests. Sie kostet je nach Umfang einige Hundert bis mehrere Tausend Euro. Mit einer vorherigen automatischen Prüfung und behobenen Grundfehlern wird sie schneller und günstiger.

In welcher Reihenfolge Sie vorgehen

Automatisch alle Seiten prüfen, um die häufigen Fehler zu finden.
Fehler in Vorlagen zuerst beheben: Menü, Kopf, Fußzeile und Formulare stehen auf vielen Seiten.
Von Hand nachprüfen: Tastatur, Bildschirmleser, Zoom auf den wichtigsten Wegen.
Nach Änderungen erneut prüfen, denn neue Inhalte und Updates bringen neue Fehler.

Dieser Artikel ist eine Übersicht und keine Rechtsberatung.