Barrierefreiheit im Web

Die vier Prinzipien der WCAG

• Wahrnehmbar: Textalternativen für Bilder, ausreichende Kontraste, Untertitel. Siehe Alt-Text.
• Bedienbar: vollständig per Tastatur nutzbar, sichtbarer Fokus, ausreichend große Klickflächen.
• Verständlich: klare Sprache, verständliche Fehlermeldungen, beschriftete Formularfelder.
• Robust: sauberer Code, der mit Hilfsmitteln funktioniert.

Üblicher Maßstab ist die Konformitätsstufe AA.

Wer betroffen ist

Das BFSG gilt unter anderem für Onlineshops und andere Dienstleistungen im elektronischen Geschäftsverkehr mit Verbrauchern. Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens zwei Millionen Euro Jahresumsatz oder Bilanzsumme sind bei Dienstleistungen ausgenommen. Ob Ihr Angebot betroffen ist, sollte im Einzelfall geprüft werden. Dieser Artikel ersetzt keine Rechtsberatung.

Häufige Barrieren

• Zu geringe Kontraste, etwa hellgraue Schrift auf weißem Grund. Mindestens 4,5:1 für normalen Text.
• Bilder ohne Alt-Text, Buttons ohne Beschriftung.
• Formulare ohne zugeordnete Beschriftungen und mit Fehlermeldungen nur in Farbe.
• Menüs, die nur mit der Maus funktionieren.
• Fehlende oder übersprungene Überschriften.

Prüfen

Automatische Tests wie axe oder Lighthouse finden einen Teil der Fehler. Wichtig sind zusätzlich manuelle Tests: die Seite nur mit der Tastatur bedienen, mit einem Screenreader testen und die Vergrößerung auf 200 Prozent stellen.

Nebeneffekte

Barrierefreie Seiten sind meist auch besser strukturiert, schneller und für Suchmaschinen leichter zu verstehen. Sie erreichen mehr Menschen und konvertieren oft besser. Siehe Conversion-Rate-Optimierung (CRO).