Was Barrierefreiheit im Web bedeutet und warum sie sich lohnt

Eine Website ist barrierefrei, wenn Menschen sie nutzen können, unabhängig davon, wie gut sie sehen, hören, ihre Hände bewegen oder sich konzentrieren können, und unabhängig von ihrer Situation. Denken Sie an eine Kundin, die sich Ihren Onlineshop vorlesen lässt, statt ihn anzusehen, an einen Rentner, der hineinzoomt, um Ihre Preise zu lesen, oder an jemanden, der Ihr Kontaktformular mit einer Hand ausfüllt, weil die andere eingegipst ist. Dieser Artikel erklärt, was das in der Praxis bedeutet, für wen es gedacht ist, warum es sich lohnt und wie Sie anfangen, ohne daraus ein riesiges Projekt zu machen.

Was „barrierefrei“ in der Praxis heißt

Barrierefreiheit ist keine Sonderversion Ihrer Website. Es ist Ihre ganz normale Website, so gebaut, dass niemand hängen bleibt. Davon profitieren deutlich mehr Menschen, als viele Website-Betreiber vermuten.

Blinde und sehbehinderte Menschen. Viele nutzen einen _Screenreader_, eine Software, die die Seite vorliest oder auf einer Braillezeile ausgibt. Andere vergrößern die Ansicht auf 200 % oder mehr oder schalten einen Modus mit hohem Kontrast ein. Sie brauchen Textbeschreibungen für Bilder, klare Überschriften und Text, der auch vergrößert lesbar bleibt.
Gehörlose und schwerhörige Menschen. Sie brauchen Untertitel in Videos und eine schriftliche Alternative zu Audioinhalten, etwa ein Transkript eines Podcasts.
Menschen mit motorischen Einschränkungen. Manche können keine Maus benutzen und bewegen sich nur mit der Tastatur durch eine Seite, indem sie mit der Tab-Taste von Link zu Link springen. Andere verwenden einen _Taster_, also einen einzelnen großen Knopf, oder Sprachsteuerung. Jeder Link, jede Schaltfläche und jedes Formularfeld muss ohne Maus erreichbar und bedienbar sein.
Menschen mit kognitiven Beeinträchtigungen oder Lernschwierigkeiten, etwa mit Legasthenie, ADHS oder Gedächtnisproblemen. Einfache Sprache, ein vorhersehbarer Aufbau, verständliche Fehlermeldungen und keine knappen Zeitlimits machen den Unterschied.
Ältere Menschen. Sehvermögen, Gehör und Feinmotorik verändern sich mit dem Alter. Kleine graue Schrift und winzige Schaltflächen sind oft die ersten Hürden.
Alle, hin und wieder. Ein gebrochener Arm, eine Migräne, grelles Sonnenlicht auf dem Handydisplay, ein lauter Zug, in dem man ein Video nicht hört, ein Baby auf dem Arm, während man eine Rechnung bezahlt. Das Inclusive-Design-Team von Microsoft spricht von vorübergehenden und situativen Einschränkungen: Wer für einen Menschen mit einem Arm gestaltet, hilft auch jemandem mit einer Armverletzung und frischgebackenen Eltern mit einem Kind auf dem Arm.

Um wie viele Menschen geht es?

Nach Schätzung der Weltgesundheitsorganisation (WHO) leben rund 1,3 Milliarden Menschen mit einer erheblichen Behinderung, das ist etwa jeder sechste Mensch weltweit. Die WHO erwartet außerdem, dass bis 2030 jeder sechste Mensch auf der Welt 60 Jahre oder älter sein wird.

Für Europa meldet Eurostat, dass 2024 in der EU 23,9 % der Menschen ab 16 Jahren angaben, wegen eines gesundheitlichen Problems seit Längerem in ihren üblichen Aktivitäten eingeschränkt zu sein. Das ist fast jeder vierte Erwachsene. Der Anteil steigt mit dem Alter stark an, bis auf 72,3 % bei Menschen ab 85 Jahren.

Trotzdem haben die meisten Websites noch grundlegende Barrieren. Die Analyse von WebAIM aus dem Jahr 2026, die die Startseiten der eine Million meistbesuchten Websites untersucht hat, fand auf 95,9 % davon erkennbare Probleme, im Durchschnitt 56 Fehler pro Seite. Die häufigsten Probleme sind bekannt und gut zu beheben: Text mit zu geringem Kontrast (auf 83,9 % der Startseiten), Bilder ohne Textbeschreibung (53,1 %), Formularfelder ohne Beschriftung (51 %) sowie Links oder Schaltflächen ohne Namen.

Die vier Prinzipien in einfachen Worten

Der internationale Maßstab für barrierefreie Websites heißt WCAG, die Web Content Accessibility Guidelines des W3C, des Gremiums, das auch Webstandards festlegt. Die aktuelle Version WCAG 2.2 wurde im Oktober 2023 offiziell als W3C-Empfehlung veröffentlicht. Alle Anforderungen sind vier Prinzipien zugeordnet.

Wahrnehmbar: Menschen können die Inhalte aufnehmen

Informationen dürfen nicht nur von einem Sinn abhängen. Ein Beispiel aus dem Alltag: Ein Produktfoto braucht einen _Alternativtext_, eine kurze schriftliche Beschreibung, die ein Screenreader vorliest und die erscheint, wenn das Bild nicht lädt.

<img src="regenjacke.jpg" alt="Rote Regenjacke mit Kapuze, Vorderansicht" />

Der Text in Anführungszeichen nach alt= ist das, was eine blinde Besucherin statt des Fotos hört. Die meisten Homepage-Baukästen haben dafür ein Feld „Alternativtext“ oder „Bildbeschreibung“, sodass Sie selten Code anfassen müssen. Untertitel und ausreichender _Kontrast_ (der Helligkeitsunterschied zwischen Text und Hintergrund) gehören ebenfalls zu diesem Prinzip. Die WCAG verlangen für normalen Text ein _Kontrastverhältnis_ von mindestens 4,5 zu 1. Hellgrau auf Weiß fällt damit weg.

Bedienbar: Menschen können alles benutzen

Jede Funktion muss auch ohne Maus oder Touchscreen funktionieren. Ein Beispiel: Legen Sie die Maus zur Seite und drücken Sie auf Ihrer eigenen Website die Tab-Taste. Ein deutlicher Rahmen sollte von Link zu Link wandern, und Sie sollten das Menü öffnen, das Formular ausfüllen und auf „Senden“ drücken können, nur mit der Tastatur.

Verständlich: Menschen wissen, was passiert

Texte sind klar, Seiten verhalten sich vorhersehbar und Formulare helfen, Fehler zu korrigieren. Ein Beispiel: Gibt jemand eine Telefonnummer im falschen Format ein, steht direkt neben dem Feld „Bitte geben Sie Ihre Telefonnummer nur mit Ziffern ein, zum Beispiel 01701234567“ statt eines roten Rahmens und „Ungültige Eingabe“ oben auf der Seite.

Robust: Es funktioniert mit den Hilfsmitteln der Menschen

Ihre Website sollte in verschiedenen Browsern funktionieren und mit Hilfsmitteln wie Screenreadern, Vergrößerungssoftware und Sprachsteuerung. Ein Beispiel: Eine Schaltfläche „Kaufen“, die als echte Schaltfläche gebaut ist, wird als „Kaufen, Schaltfläche“ angesagt und lässt sich per Sprachbefehl auslösen. Eine Schaltfläche, die nur so _aussieht_, gebaut aus einem gestalteten Kasten, bleibt für einen Screenreader womöglich stumm und ist mit der Tastatur nicht erreichbar.

Warum es sich lohnt

Barrierefreiheit gilt oft als Kostenfaktor. In der Praxis verbessert der größte Teil der Arbeit auch Dinge, die Ihnen ohnehin wichtig sind.

Ein größeres Publikum. Fast jeder vierte Erwachsene in der EU berichtet von einer dauerhaften Einschränkung, und die Bevölkerung wird älter. Eine Website, die diese Menschen ausschließt, verschenkt Kundschaft und Leserschaft.
Überschneidungen mit Suchmaschinen. Laut den eigenen Richtlinien von Google nutzt Google den Alternativtext zusammen mit dem Seiteninhalt, um zu verstehen, was ein Bild zeigt. Klare Überschriften, aussagekräftige Linktexte wie „Öffnungszeiten ansehen“ statt „Hier klicken“ und gut gegliederte Seiten helfen Suchmaschinen und Screenreader-Nutzenden auf ähnliche Weise.
Bessere Nutzbarkeit für alle. Untertitel helfen im stillen Büro wie im lauten Zug. Guter Kontrast hilft auf dem Handy in der Sonne. Klare Formulare helfen allen, die es eilig haben.
Weniger Anfragen beim Kundenservice. Wenn Formulare erklären, was sie brauchen, und Seiten leicht zu verstehen sind, schreiben oder rufen weniger Menschen an, um zu fragen, wie sie bestellen oder einen Termin buchen.
Rechtliche Pflichten. Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG), das den European Accessibility Act (Richtlinie (EU) 2019/882) umsetzt. Es verpflichtet viele Unternehmen, die bestimmte Produkte und Dienstleistungen für Verbraucher anbieten, etwa Onlineshops, Bankdienstleistungen, E-Books und Fahrkarten im Personenverkehr, diese barrierefrei zu gestalten. Kleinstunternehmen, die Dienstleistungen anbieten, mit weniger als 10 Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme, sind von den Anforderungen an Dienstleistungen ausgenommen. Zuständig für die Marktüberwachung ist die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF) in Magdeburg. Für Websites öffentlicher Stellen gab es bereits eigene Regeln. Ob und wie das Gesetz für Sie gilt, hängt von Ihrer Situation ab. Lassen Sie Ihren konkreten Fall deshalb von einer Rechtsberatung prüfen.

Vier Irrtümer, die Sie vergessen können

„Das ist nur für blinde Menschen“

Blinde Besucherinnen und Besucher sind eine wichtige Gruppe, aber nur eine von vielen. Wer mit der Tastatur navigiert, Menschen mit Legasthenie, ältere Menschen, Menschen mit Hörverlust und alle mit einer vorübergehenden oder situativen Einschränkung profitieren von derselben Arbeit.

„Das macht das Design hässlich“

Barrierefreies Design ist vor allem gutes Design: gut lesbare Schriftgrößen, ausreichender Kontrast, deutlich sichtbare Fokusrahmen, eine einheitliche Navigation und großzügige Klickflächen. Es schließt einige Entscheidungen aus, etwa blassgraue Schrift auf Weiß, schreibt aber keinen Stil vor.

Overlays sind Plug-ins, die Ihrer Website eine Werkzeugleiste oder ein „Barrierefreiheits“-Symbol hinzufügen und versprechen, Probleme automatisch zu beheben. Das können sie nicht. Sie wissen nicht, was auf Ihren Fotos zu sehen ist, können unklare Anweisungen nicht umschreiben und ein Menü, das nicht mit der Tastatur funktioniert, nicht umbauen. Viele Menschen, die Hilfsmittel verwenden, haben ihre eigenen Einstellungen, und ein Overlay kann ihnen in die Quere kommen. 2023 erklärten das Europäische Behindertenforum (European Disability Forum) und die International Association of Accessibility Professionals gemeinsam, dass Overlays Websites weder barrierefrei noch konform mit dem europäischen Recht machen. Im Januar 2025 verpflichtete die US-Handelsbehörde Federal Trade Commission den Overlay-Anbieter accessiBe zur Zahlung von 1 Million US-Dollar, weil das Unternehmen behauptet hatte, sein Tool könne jede Website WCAG-konform machen.

„Das ist ein einmaliges Projekt“

Jede neue Seite, jeder Blogbeitrag, jedes Produktfoto und jede Kampagne kann neue Barrieren schaffen. Barrierefreiheit funktioniert wie Rechtschreibung oder Sicherheit: Man bringt sie einmal in Ordnung und hält sie dann im Arbeitsalltag aufrecht.

Ein realistischer Einstieg

Sie müssen nicht alles auf einmal beheben. Ein stetiges, praktisches Vorgehen funktioniert besser als ein großer Umbruch.

Prüfen Sie Ihre wichtigsten Seiten. Beginnen Sie mit der Startseite, der Kontaktseite, einer zentralen Produkt- oder Leistungsseite und jedem Formular oder Bestellprozess. Eine automatische Prüfung findet schnell viele häufige Probleme, grob ein Drittel bis die Hälfte aller Probleme, aber nicht alle.
Beheben Sie zuerst das Gravierendste. Beginnen Sie mit allem, was Menschen daran hindert, eine Aufgabe abzuschließen: ein Formular, das sich nicht per Tastatur absenden lässt, eine Schaltfläche ohne Namen, ein Feld ohne Beschriftung. Danach kommen Probleme, die auf jeder Seite auftreten, etwa zu wenig Kontrast in Ihrer Vorlage oder ein Menü, das sich nur mit der Maus öffnet.
Testen Sie selbst. Nutzen Sie Ihre Website zehn Minuten lang nur mit der Tastatur. Vergrößern Sie die Ansicht im Browser auf 200 % und achten Sie darauf, ob sich etwas überlappt oder verschwindet. Probieren Sie den eingebauten Screenreader Ihres Geräts aus, VoiceOver auf Mac oder iPhone, TalkBack auf Android, oder das kostenlose NVDA unter Windows. Lesen Sie Ihre wichtigsten Texte laut vor und fragen Sie sich, ob jemand ohne Vorwissen sie verstehen würde.
Schreiben Sie eine Erklärung zur Barrierefreiheit. Eine kurze Seite, die erklärt, was Sie geprüft haben, welche Probleme Sie kennen, was Sie dagegen tun und wie man Sie erreicht, wenn man nicht weiterkommt.
Verankern Sie es in Ihren Abläufen. Nehmen Sie Alternativtexte und aussagekräftige Linktexte in Ihre Redaktions-Checkliste auf, verlangen Sie von Ihrer Agentur oder Ihrem Baukasten barrierefreie Vorlagen und prüfen Sie nach jedem Relaunch oder größeren Update erneut.

Prüfen Sie Ihre eigene Website

Der einfachste erste Schritt ist, zu sehen, wo Ihre Website heute steht. Prüfen Sie eine Seite kostenlos mit ibin: Sie erhalten einen Bericht in verständlicher Sprache, der zeigt, was nicht stimmt, wen es betrifft, wo es auf der Seite ist und wie Sie es beheben. Arbeiten Sie die Ergebnisse mit den Reparaturanleitungen ab und nutzen Sie unseren Leitfaden zur Erklärung zur Barrierefreiheit, wenn Sie eine veröffentlichen möchten. Melden Sie sich mit Ihrer E-Mail-Adresse an, um kostenlos bis zu 200 Seiten derselben Website zu prüfen.

Sehen Sie, wie Ihre Website abschneidet

Prüfen Sie kostenlos eine Seite, ohne Konto. Sie erhalten eine klare Liste, was zuerst zu beheben ist, mit Bildern, wo jedes Problem liegt.