Barrierefreiheit testen: So prüfen Sie Ihre Website

Seit dem 28. Juni 2025 müssen viele deutsche Unternehmen ihre Websites barrierefrei gestalten — das verlangt das Barrierefreiheitsstärkungsgesetz (BFSG). Doch wie prüfen Sie, ob Ihre Website die Anforderungen erfüllt? Dieser Artikel zeigt Schritt für Schritt, wie Sie Ihre Website auf Barrierefreiheit testen — mit automatisierten Tools und manuellen Prüfmethoden.

Warum testen? Was auf dem Spiel steht

Barrierefreiheit ist keine optionale Verbesserung — sie ist gesetzliche Pflicht. Bei Verstößen drohen Bußgelder bis zu 100.000 Euro (§ 37 BFSG). Darüber hinaus betrifft Barrierefreiheit rund 15 % der Bevölkerung direkt. Für den Rest verbessert sie die Nutzererfahrung messbar: Klare Navigation, gute Kontraste und semantischer Code profitieren jeden Besucher.

Hintergrund zum Gesetz: BFSG 2025 — Was Unternehmer jetzt wissen müssen

Automatisierte Tests: Der schnelle Überblick

Automatisierte Tools können etwa 30–40 % der WCAG-Kriterien effizient prüfen. Sie eignen sich besonders für technische Probleme, die sich auf der gesamten Website wiederholen.

Was automatisierte Tests abdecken

• Fehlende Alternativtexte für Bilder
• Unzureichende Farbkontraste (unter 4,5:1)
• Fehlende Formular-Labels und -Beschreibungen
• Übersprungene Überschriftenebenen
• Fehlende Sprach-Deklaration im HTML
• Fehlende Skip-Links und Landmark-Rollen
• ARIA-Fehler und ungültige Rollen

Gängige Tools für automatisierte Tests

• axe DevTools: Browser-Erweiterung für Chrome und Firefox. Prüft einzelne Seiten direkt im Browser.
• Lighthouse: In Chrome integriert (DevTools → Lighthouse). Enthält einen Barrierefreiheits-Score.
• WAVE: Web-basiertes Tool, das Fehler visuell direkt auf der Seite markiert.
• B2Audit Website-Check: Prüft Barrierefreiheit zusammen mit SEO, DSGVO und Performance in einem Durchgang.

Manuelle Tests: Was Automation nicht erkennt

Automatisierte Tools finden technische Fehler — aber nicht alle Barrieren sind technisch. Für eine vollständige Prüfung brauchen Sie manuelle Tests:

1. Tastaturnavigation

Navigieren Sie Ihre gesamte Website nur mit der Tastatur (Tab, Enter, Escape, Pfeiltasten). Prüfen Sie:

• Ist jedes interaktive Element erreichbar?
• Ist der Fokus jederzeit sichtbar?
• Gibt es Tastaturfallen, aus denen Sie nicht herausfinden?
• Folgt die Tab-Reihenfolge der visuellen Reihenfolge?

2. Screenreader-Test

Testen Sie mit einem Screenreader wie NVDA (Windows, kostenlos) oder VoiceOver (Mac, integriert). Achten Sie darauf:

• Werden Bilder sinnvoll beschrieben?
• Sind Formular-Felder verständlich angesagt?
• Ergeben Überschriften eine logische Gliederung?
• Werden Zustandsänderungen (z. B. Akkordeon öffnet) angesagt?

3. Zoom und Vergrößerung

Vergrößern Sie Ihre Website auf 200 % (Strg/Cmd + Plus). Kein Inhalt darf abgeschnitten werden, kein Text darf überlappen, kein horizontales Scrollen soll nötig sein.

4. Kontrast-Prüfung im Kontext

Automatisierte Tools prüfen Text-Kontraste — aber nicht den Kontrast von Icons, Grafiken oder UI-Elementen wie Formularrahmen. Prüfen Sie diese manuell mit einem Kontrast-Checker.

Die wichtigsten WCAG-Kriterien im Überblick

Das BFSG verweist auf WCAG 2.1 Konformitätsstufe AA. Die kritischsten Kriterien für KMU-Websites:

• 1.1.1 Textalternativen: Alle Bilder brauchen Alt-Texte
• 1.4.3 Kontrast: Mindestens 4,5:1 für normalen Text
• 2.1.1 Tastatur: Alle Funktionen per Tastatur bedienbar
• 2.4.6 Überschriften: Beschreibende, logisch hierarchische Überschriften
• 3.3.2 Labels: Formularfelder mit sichtbaren Labels
• 4.1.2 Name/Rolle/Wert: Korrekte ARIA-Attribute für interaktive Elemente

Vertiefung: BFSG WCAG-Audit Checkliste

Checkliste: So testen Sie systematisch

1. Automatisierten Scan durchführen: B2Audit Website-Check oder axe DevTools auf den 5 wichtigsten Seiten ausführen.
2. Tastaturnavigation testen: Jede Seite ohne Maus durchgehen.
3. Screenreader starten: Mindestens die Startseite, eine Produktseite und ein Formular testen.
4. Zoom-Test: Auf 200 % vergrößern und Layout-Probleme notieren.
5. Fehler priorisieren: Kritische Fehler (keine Tastatur-Bedienbarkeit, fehlende Alt-Texte) zuerst beheben.
6. Ergebnisse dokumentieren: Für die Marktüberwachungsbehörde müssen Sie nachweisen können, dass Sie Barrierefreiheit aktiv umsetzen.

Nächster Schritt: Kostenloser Barrierefreiheits-Check

Der Barrierefreiheits-Check von B2Audit prüft Ihre Website automatisiert auf die häufigsten WCAG-Verstöße. In weniger als zwei Minuten erhalten Sie eine erste Einschätzung, wo Handlungsbedarf besteht — ohne Registrierung, ohne Kosten.