Barrierefreiheit im Web — Pflicht, nicht Kür

Barrierefreiheit im Internet bedeutet, dass Ihre Website von möglichst vielen Menschen auf möglichst vielen Geräten genutzt werden kann — auch von Personen mit dauerhaften oder vorübergehenden Einschränkungen. Das betrifft körperliche Behinderungen genauso wie situative Einschränkungen: Jemand mit einem gebrochenen Arm kann keine Maus bedienen, jemand im lauten Café kann kein Video mit Ton abspielen.

Viele Menschen denken bei Barrierefreiheit nur an Rollstühle und Rampen. Im Web geht es um Screenreader, die Blinden den Seiteninhalt vorlesen, um Tastaturbedienung für Menschen, die keine Maus benutzen können, um ausreichende Kontraste für Menschen mit Sehschwäche. Aber die entscheidende Erkenntnis ist: Was barrierefrei ist, ist automatisch benutzerfreundlicher für alle.

Das Barrierefreiheitsstärkungsgesetz (BFSG) ist am 28. Juni 2025 in Kraft getreten. Es verpflichtet viele Anbieter digitaler Produkte und Dienstleistungen, diese barrierefrei zu gestalten. Das ist kein Zukunftsthema mehr — es ist geltendes Recht.

Kleinere Organisationen können unter bestimmten Bedingungen ausgenommen sein. Aber langfristig profitiert jede Organisation von Barrierefreiheit: mehr Teilhabe, bessere Benutzerfreundlichkeit, höhere Reichweite. Und barrierefreie Websites werden von Suchmaschinen belohnt, weil Alt-Texte, semantisches HTML und klare Struktur genau die Qualitätssignale sind, die Google positiv bewertet.

• Alle Arten von Behinderungen können jeden Menschen im Laufe des Lebens betreffen — vorübergehend oder dauerhaft.
• Sehbehinderungen reichen von leichtem Sehverlust über Farbenfehlsichtigkeit bis zu vollständiger Blindheit.
• Motorische Einschränkungen umfassen Muskelschwäche, Arthritis, Schmerzen oder fehlende Gliedmaßen.
• Kognitive Behinderungen beeinträchtigen das Informationsverständnis, nicht die Intelligenz.
• Viele Behinderungen sind unsichtbar: mentale Veränderungen, Ängste, Depressionen, chronische Schmerzen.

Die Web Content Accessibility Guidelines (WCAG) 2.2 sind der internationale Standard für barrierefreie Webinhalte. Klingt technisch, ist aber in der Praxis gut umsetzbar. Hier sind die acht wichtigsten Maßnahmen, die jede Website erfüllen sollte:

• Alt-Texte für Bilder: Jedes Bild braucht eine Beschreibung, die Screenreader vorlesen können. Fehlen Alt-Texte, sind Bilder für Sehbehinderte unsichtbar. Bonus: Alt-Texte werden auch bei langsamen Netzwerken angezeigt.
• Tastaturbedienung: Ihre gesamte Website muss per Tastatur bedienbar sein — ohne Maus. Für viele Menschen mit motorischen Einschränkungen ist die Tastatur das wichtigste Eingabegerät.
• Semantisches HTML: Verwenden Sie bedeutungsvolle HTML-Elemente wie h1 für Hauptüberschriften, p für Absätze und ul/li für Listen. Screenreader nutzen diese Struktur, um Inhalte sinnvoll vorzulesen.
• Beschreibende Seitentitel: Jede Seite braucht einen eindeutigen Titel. Ohne ihn wissen Nutzer nicht, welche Seite geöffnet ist — wie ein Buch ohne Titel in der Bibliothek.
• Sprache festlegen: Screenreader müssen die Seitensprache kennen, um Texte natürlich vorlesen zu können. Ein lang-Attribut im HTML reicht.
• Beschreibende Linktexte: „Klicken Sie hier“ sagt nichts. „Unsere Leistungen im Überblick“ sagt alles. Screenreader listen Links oft separat auf — der Text muss auch ohne Kontext verständlich sein.
• Untertitel und Transkripte: Videos brauchen Untertitel, Audioaufnahmen brauchen schriftliche Transkripte. Das hilft nicht nur Gehörlosen, sondern auch jedem, der gerade keinen Ton abspielen kann.
• Ausreichend Kontrast: Der Unterschied zwischen Textfarbe und Hintergrund muss groß genug sein. Hellgrauer Text auf weißem Hintergrund mag elegant aussehen, ist aber für viele Menschen nicht lesbar.

Barrierefreiheit wird oft als Nischenthema wahrgenommen, das nur eine kleine Gruppe betrifft. Das Gegenteil ist der Fall. Jede Maßnahme für Barrierefreiheit verbessert die Nutzererfahrung für alle Besucher Ihrer Website.

• Untertitel bei Videos: Unverzichtbar für Gehörlose, aber genauso nützlich für Menschen in lauter Umgebung oder in einer stillen Bibliothek.
• Tastaturbedienung: Notwendig für dauerhaft motorisch Eingeschränkte, aber auch hilfreich für jeden mit einer vorübergehenden Verletzung — oder für Power-User, die lieber die Tastatur nutzen.
• Hoher Kontrast: Essentiell für Sehbehinderte, aber auch für jeden, der bei hellem Sonnenlicht auf ein Tablet oder Smartphone schaut.
• Klare Seitenstruktur: Hilft Screenreadern, den Inhalt zu erfassen — und hilft jedem Besucher, schneller zu finden, was er sucht.
• Beschreibende Linktexte: Machen die Seite für Screenreader-Nutzer navigierbar — und verbessern gleichzeitig Ihre Suchmaschinenoptimierung.

Ein oft übersehener Aspekt der Barrierefreiheit ist die Sprache selbst. Einfache Sprache bedeutet: kurze Sätze, bekannte Wörter, keine Fachbegriffe ohne Erklärung. Leichte Sprache geht noch weiter — sie folgt einem festen Regelwerk: ein Gedanke pro Satz, aktive Formulierungen, Nebensätze vermeiden. Beides verbessert die Verständlichkeit für alle Besucher, nicht nur für Menschen mit kognitiven Einschränkungen.

In den letzten Jahren sind zahlreiche Anbieter auf den Markt gekommen, die Barrierefreiheit per JavaScript-Overlay versprechen: Ein Skript wird eingebunden, und die Website soll automatisch barrierefrei werden. Das klingt verlockend, funktioniert aber nicht.

Diese Overlays überlagern die Website mit zusätzlichen Bedienelementen — Schriftgröße anpassen, Kontrast erhöhen, Vorlesefunktion aktivieren. Das Problem: Sie beheben keine strukturellen Mängel im Code. Wenn das HTML nicht semantisch aufgebaut ist, wenn Alt-Texte fehlen, wenn die Tastaturbedienung nicht funktioniert, dann kann kein Overlay das reparieren. Schlimmer noch: Viele Overlays verursachen zusätzliche Probleme für Screenreader-Nutzer.

Wir bauen Barrierefreiheit nicht nachträglich ein, sondern denken sie von Anfang an mit. Das bedeutet: semantisches HTML als Grundgerüst, durchgängige Tastaturbedienung, geprüfte Farbkontraste, Alt-Texte für jedes Bild und eine klare Seitenstruktur, die sowohl Menschen als auch Suchmaschinen verstehen.

Für bestehende Websites bieten wir einen Barrierefreiheits-Check an: Wir prüfen Ihren aktuellen Auftritt gegen die WCAG-2.2-Kriterien und zeigen Ihnen, wo die größten Lücken sind und welche Maßnahmen den größten Effekt haben.