Barrierefreie Website: was das heißt und wie Sie anfangen
Was eine barrierefreie Website ausmacht, wem sie hilft, was WCAG 2.1 AA bedeutet und in welcher Reihenfolge Sie am besten vorgehen.
Eine Website ist barrierefrei, wenn alle Menschen sie nutzen können, auch mit einer Behinderung oder Einschränkung. Wer schlecht sieht, braucht genug Kontrast und Text, der sich vergrößern lässt. Wer blind ist, lässt sich die Seite von einem Bildschirmleser vorlesen. Wer keine Maus bedienen kann, steuert mit der Tastatur. Wer schlecht hört, braucht Untertitel.
Barrierefreiheit ist keine Zusatzfunktion, die man auf eine Website setzt. Sie steckt im Code, im Design und in den Inhalten selbst.
Wem eine barrierefreie Website hilft
In Deutschland leben fast acht Millionen Menschen mit einer anerkannten Schwerbehinderung, dazu kommen viele ältere Menschen mit nachlassendem Sehen, Hören oder Feingefühl. Aber auch alle anderen profitieren:
- Wer sein Handy in der Sonne benutzt, ist froh über starken Kontrast.
- Wer ein Video in der Bahn ohne Ton schaut, liest die Untertitel.
- Klare Überschriften, verständliche Texte und gut beschriftete Formulare helfen jedem Besucher, schneller ans Ziel zu kommen.
- Suchmaschinen lesen Ihre Website ähnlich wie ein Bildschirmleser: Saubere Überschriften, Alternativtexte und echte Links helfen auch dort.
Der Maßstab: WCAG 2.1 AA
Was „barrierefrei“ im Einzelnen heißt, regeln die Web Content Accessibility Guidelines (WCAG) des W3C. Sie ordnen alles nach vier Grundsätzen:
| Grundsatz | Was das heißt | Beispiele |
|---|---|---|
| Wahrnehmbar | Alle Inhalte lassen sich sehen, hören oder vorlesen | Alternativtexte für Bilder, Untertitel, genug Kontrast |
| Bedienbar | Alles funktioniert auch ohne Maus | Tastaturbedienung, sichtbarer Fokus, genug Zeit |
| Verständlich | Inhalte und Bedienung sind nachvollziehbar | Sprache der Seite angegeben, klare Fehlermeldungen in Formularen |
| Robust | Hilfsmittel wie Bildschirmleser verstehen die Seite | Sauberer Code, Knöpfe und Felder mit Namen |
Die Kriterien haben drei Stufen: A, AA und AAA. In Europa gilt in der Regel WCAG 2.1 Stufe AA, also rund 50 Kriterien der Stufen A und AA. Auf diese Stufe verweist die europäische Norm EN 301 549, und auf diese Norm wiederum das Barrierefreiheitsstärkungsgesetz. Die neuere Fassung WCAG 2.2 ist erschienen; wer neu baut, kann sich schon daran orientieren.
Muss meine Website barrierefrei sein?
Öffentliche Stellen in Deutschland müssen das schon seit Jahren (BITV 2.0). Seit dem 28. Juni 2025 gilt außerdem das Barrierefreiheitsstärkungsgesetz (BFSG) für viele Unternehmen, vor allem für Websites, auf denen Verbraucher einen Vertrag schließen, etwa in einem Shop oder bei einer Buchung. Kleinstunternehmen, die Dienstleistungen anbieten, sind ausgenommen.
Ob das für Ihre Website gilt, erklären wir ausführlich im Artikel BFSG: Gilt die Pflicht für Ihre Website?. Unabhängig von der Pflicht lohnt sich Barrierefreiheit immer: Sie erreichen mehr Menschen und Ihre Website wird für alle besser bedienbar.
Was eine barrierefreie Website nicht ist
Es gibt Werkzeuge, die man mit einer Zeile Code einbindet und die versprechen, eine Website barrierefrei zu machen („Overlays“, oft als kleines Symbol mit einer Figur). Sie können Schrift vergrößern oder Kontraste ändern, aber sie reparieren nicht den Code darunter. Ein Bild ohne sinnvollen Alternativtext, ein Formular ohne Beschriftung oder ein Menü, das sich nicht mit der Tastatur öffnen lässt, bleibt so, wie es ist. Viele Menschen, die auf Hilfsmittel angewiesen sind, schalten solche Werkzeuge sogar ab, weil sie stören. Die US-Handelsbehörde FTC hat 2025 einen Anbieter wegen solcher Werbeversprechen zu einer Zahlung von einer Million US-Dollar verpflichtet.
So fangen Sie an
- Bestandsaufnahme: Prüfen Sie, wo Ihre Website heute steht. Eine automatische Prüfung findet in kurzer Zeit die häufigsten technischen Fehler auf allen Seiten, etwa ein Drittel aller Probleme. Wie das geht, steht im Artikel Website auf Barrierefreiheit testen.
- Das Wichtigste zuerst: Beheben Sie Fehler in Vorlagen, Menü und Fußzeile zuerst, denn sie stehen auf jeder Seite. Ein Kontrastfehler im Menü ist auf 200 Seiten auf einmal behoben.
- Selbst durchgehen: Bedienen Sie die wichtigsten Wege nur mit der Tastatur und hören Sie sie einmal mit einem Bildschirmleser an. Unsere Checkliste führt Sie durch.
- Inhalte pflegen: Alternativtexte, verständliche Linktexte, Überschriften in der richtigen Reihenfolge und Untertitel für Videos sind Aufgabe derer, die Inhalte einstellen. Legen Sie fest, wer das künftig beachtet.
- Erklärung veröffentlichen: Beschreiben Sie, wie barrierefrei Ihre Website ist und wo es noch hakt. Mehr dazu im Artikel Erklärung zur Barrierefreiheit.
- Regelmäßig nachprüfen: Mit jeder neuen Seite, jedem Plugin und jedem Update kann sich etwas ändern.
Häufige Fragen
Wie teuer ist es, eine Website barrierefrei zu gestalten?
Das hängt stark vom Zustand ab. Bei einem modernen Theme mit sauberem Code sind es oft wenige Tage Arbeit für Kontraste, Beschriftungen und Alternativtexte. Bei einer alten Website mit vielen Eigenbauten kann ein Neubau günstiger sein. Eine Bestandsaufnahme zeigt, wie groß die Aufgabe ist.
Reicht ein barrierefreies Theme?
Es ist ein guter Anfang, denn Menü, Fußzeile und Vorlagen sind dann meist in Ordnung. Inhalte, Bilder, Formulare aus Plugins und eingebundene Dienste wie Karten oder Buchungssysteme muss man trotzdem prüfen.
Dieser Artikel ist eine Übersicht und keine Rechtsberatung.