Web

Barrierefreiheit in Web-Entwicklung: Checkliste, typische Fehler, Best Practices

Barrierefreiheit im Web: WCAG, BITV, Quickwins für Teams.

Barrierefreiheit im Web: Was WCAG und BITV wirklich fordern – und wie man startet

Barrierefreiheit ist seit dem BFSG-Inkrafttreten keine Kür mehr. Es ist Pflicht – für immer mehr Unternehmen.

Was sich rechtlich gerade ändert

Das Barrierefreiheitsstärkungsgesetz (BFSG) gilt ab Juni 2025 für private Anbieter im B2C-Bereich. Öffentliche Stellen sind schon länger in der Pflicht. Wer das ignoriert, riskiert Abmahnungen und rechtliche Auseinandersetzungen.

Aber: Barrierefreiheit ist mehr als Compliance. Eine barrierefreie Seite ist oft eine bessere Seite – schneller, strukturierter, nutzerfreundlicher.

WCAG 2.1 Level AA – was das bedeutet

WCAG ist in vier Prinzipien gegliedert: Wahrnehmbar, Bedienbar, Verständlich, Robust. Level AA ist der Standard, den die meisten Gesetze fordern.

Konkret: Textalternativen für Bilder. Untertitel für Videos. Mindestkontrast 4,5:1. Tastatur-Bedienbarkeit für alle Funktionen. Fehlermeldungen verständlich. Seitenstruktur mit korrekten Heading-Levels.

Quick Wins, die sofort helfen

Alt-Texte für alle inhaltlichen Bilder (nicht für dekorative). Heading-Hierarchie korrigieren (nur ein H1 pro Seite, keine Hierarchie-Sprünge). Skip Navigation Link einbauen. Formular-Labels korrekt verknüpfen. Farbkontraste prüfen und korrigieren.

Was automatisierte Tools finden – und was nicht

Tools wie axe, WAVE oder Lighthouse Accessibility prüfen automatisiert etwa 30–40% aller WCAG-Kriterien. Den Rest findet man nur durch manuelle Prüfung: Screen Reader Test, Tastatur-Navigation, kognitive Zugänglichkeit.

Automatisierte Tests sind ein guter Anfang. Sie ersetzen kein echtes Audit.

Checkliste Barrierefreiheit Web

Alt-Texte für alle inhaltlichen Bilder vorhanden
Heading-Hierarchie korrekt (H1-H6 sauber strukturiert)
Alle Formulare mit korrekten Labels und Fehlermeldungen
Farbkontrast für alle Texte ≥ 4,5:1
Tastatur-Navigation durch die gesamte Seite möglich
axe oder WAVE als automatisierter Basis-Check durchgeführt
Screen Reader Test (NVDA/JAWS Windows, VoiceOver macOS/iOS) durchgeführt

Accessibility-Audit für eure Website?

markom.digital macht Barrierefreiheits-Prüfungen nach WCAG 2.1 und erstellt BITV-konforme Berichte – inklusive priorisierten Maßnahmenplänen.

Weitere Beiträge