UX-Glossar · engl. Accessibility
Barrierefreiheit
Barrierefreiheit bedeutet, dass Websites, Apps und digitale Dokumente so gestaltet sind, dass alle Menschen sie nutzen können, auch mit einer Seh-, Hör-, motorischen oder kognitiven Behinderung.
Stell dir vor, du willst abends noch schnell ein Bahnticket buchen. Der Button „Weiter“ ist hellgrau auf weißem Grund, das Datumsfeld lässt sich nur mit der Maus bedienen, und eine Fehlermeldung erscheint als kleiner roter Rahmen ohne Text. Nervig, aber machbar.
Jetzt stell dir dieselbe Seite für jemanden vor, der blind ist und mit Tastatur und Sprachausgabe arbeitet. Für diese Person endet die Buchung genau an diesen Stellen. Barrierefreiheit sorgt dafür, dass das nicht passiert.
Einfach erklärt
Barrierefreiheit bedeutet, dass digitale Angebote wie Websites, Apps oder PDFs so gestaltet sind, dass alle Menschen sie wahrnehmen, verstehen und bedienen können, auch mit einer Behinderung. Im Englischen heißt das Accessibility, oft abgekürzt als „a11y“: Zwischen dem a und dem y stehen elf Buchstaben.
Ein Vergleich aus dem Alltag: Eine Rampe neben der Treppe hilft Menschen im Rollstuhl. Sie hilft aber auch allen mit Kinderwagen oder Rollkoffer. Digitale Barrierefreiheit funktioniert genauso. Die Web Accessibility Initiative des W3C nennt ausdrücklich auch Menschen ohne Behinderung, die davon profitieren: ältere Menschen, Menschen mit gebrochenem Arm und alle, die ihr Smartphone in grellem Sonnenlicht oder ohne Ton benutzen.
Welche Barrieren es gibt
Laut Weltgesundheitsorganisation (WHO) leben weltweit rund 1,3 Milliarden Menschen mit einer erheblichen Behinderung, etwa jeder sechste Mensch. Ihre Hürden im Netz sind sehr unterschiedlich:
- Sehen: Blinde Menschen nutzen einen Screenreader, der Inhalte vorliest. Menschen mit Sehbehinderung vergrößern den Bildschirm oder brauchen starke Kontraste.
- Hören: Videos ohne Untertitel bleiben für gehörlose Menschen stumm.
- Motorik: Wer die Hände kaum bewegen kann, bedient Geräte per Tastatur, Sprachsteuerung oder Schalter. Winzige Klickflächen werden dann zum Hindernis.
- Kognition: Verschachtelte Sätze, unklare Abläufe und knappe Zeitlimits überfordern Menschen mit Lernschwierigkeiten oder Konzentrationsproblemen.
Regeln und Gesetze
Der wichtigste Maßstab sind die WCAG, die Web Content Accessibility Guidelines des W3C. Sie beschreiben prüfbare Kriterien, zum Beispiel ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text.
In Deutschland gilt seit dem 28. Juni 2025 das Barrierefreiheitsstärkungsgesetz (BFSG). Es setzt den European Accessibility Act (EU-Richtlinie 2019/882) um und verpflichtet auch viele Unternehmen, etwa Onlineshops, Banken und Buchungsportale, die sich an private Kundschaft richten. Kleinstunternehmen, die Dienstleistungen anbieten, sind ausgenommen. Mehr dazu im Artikel BFSG in der Praxis: Was das Barrierefreiheitsstärkungsgesetz für Websites und Apps bedeutet.
Ein Beispiel
Ein Beispiel: Ein kleiner Lieferdienst hat ein Bestellformular, dessen Felder nur per Platzhaltertext beschriftet sind. Sobald jemand tippt, verschwindet der Hinweis. Der Screenreader sagt nur „Eingabefeld“, und der Bestellbutton ist ein Bild ohne Alternativtext.
Nach der Überarbeitung hat jedes Feld ein sichtbares Label, Fehlermeldungen sagen in Worten, was fehlt, und der Button ist ein echter Button mit Text. Für Menschen mit Screenreader wird die Bestellung damit überhaupt erst möglich. Und alle anderen füllen es schneller aus, weil sie nicht mehr raten müssen.
Häufige Missverständnisse
Barrierefreiheit ist kein Extra für eine kleine Gruppe und kein Häkchen, das ein Plugin setzt. Overlay-Werkzeuge, die eine Barrierefreiheits-Toolbar einblenden, beheben fehlende Labels oder Tastaturfallen nicht. Und barrierefrei heißt nicht langweilig: Es geht um Struktur, Kontrast und klare Bedienung, nicht um den Verzicht auf Gestaltung. Warum das Thema weit über Farben hinausgeht, zeigt der Artikel Warum Barrierefreiheit mehr als Kontrast und Größe ist.
In der Praxis
- Leg die Maus weg. Bediene deine Website einmal nur mit Tab, Enter und Pfeiltasten. Wenn du nicht siehst, wo der Fokus ist, oder irgendwo festhängst, hast du eine Barriere gefunden.
- Prüf Kontraste schon im Entwurf. Teste Farbkombinationen, bevor das Design steht. Später umzufärben ist deutlich aufwendiger.
- Beschreib Bilder sinnvoll. Inhaltliche Bilder brauchen einen Alternativtext, der ihre Aussage wiedergibt. Rein dekorative Bilder bekommen ein leeres alt-Attribut, damit der Screenreader sie überspringt.
Verwandte Begriffe
WCAG, Screenreader, Fitts’ Law