Barrierefreiheits-Audit selber machen: DIY-Checkliste für Webseitenbetreiber

Wie prüft man Barrierefreiheit? — 5 Schritte

1. Automatischen Scan durchführen — mit bf-check.de oder Lighthouse. Findet fehlende Alt-Texte, Kontrastprobleme, fehlende Labels.
2. Tastatur-Test — Webseite nur mit Tab, Enter und Leertaste bedienen. Alle Funktionen erreichbar?
3. Screenreader-Test — NVDA (kostenlos, Windows) installieren und die Seite vorlesen lassen.
4. Farbkontrast prüfen — mit WebAIM Contrast Checker. Minimum 4,5:1 für Normaltext.
5. Ergebnisse dokumentieren — für die BFSG-Dokumentationspflicht.

Was ein DIY-Audit leisten kann (und was nicht)

Ein selbst durchgeführtes Audit findet ca. 50-60% aller Barrierefreiheits-Probleme. Das reicht um die größten Risiken zu eliminieren.

Für vollständige WCAG-Konformität braucht es manuelle Tests durch erfahrene Tester und idealerweise Tests mit echten Nutzern. Aber: Ein DIY-Audit ist unendlich besser als gar kein Audit.

Schritt 1: Automatischen Scan durchführen

Nutze bf-check.de oder ähnliche Scanner für einen ersten Überblick. Automatische Tools finden: Fehlende Alt-Texte, Kontrastprobleme, fehlende Labels, Sprach-Deklaration, Überschriften-Probleme. Dokumentiere die Ergebnisse als Ausgangsbasis.

Schritt 2: Tastatur-Test

Lege die Maus weg. Navigiere deine gesamte Webseite nur mit Tab, Enter, Escape und Pfeiltasten. Prüfe: Siehst du immer wo der Fokus ist? Erreichst du alle Funktionen? Kannst du aus Modalen und Menüs entkommen? Ist die Tab-Reihenfolge logisch?.

Schritt 3: Screenreader-Test

Installiere einen kostenlosen Screenreader: NVDA (Windows, kostenlos), VoiceOver (Mac/iPhone, eingebaut). Höre zu wie deine Webseite vorgelesen wird. Werden Bilder beschrieben? Werden Buttons und Links korrekt angesagt? Ist die Seitenstruktur verständlich?.

Schritt 4: Zoom und Vergrößerung

Vergrößere den Browser auf 200% und dann auf 400%. Prüfe: Wird Text abgeschnitten? Überlappen sich Elemente? Ist horizontales Scrollen nötig? Bleibt die Navigation bedienbar? Text muss bis 200% vergrößerbar sein ohne Funktionsverlust (WCAG 1.4.4).

Häufig gestellte Fragen