Warum Barrierefreiheit für alle wichtig ist
Barrierefreie Websites sind nicht nur für Menschen mit dauerhaften Einschränkungen wichtig. Sie machen das Web für alle zugänglicher und benutzerfreundlicher. Wenn jemand sich den Arm gebrochen hat, muss plötzlich alles per Tastatur bedienbar sein. Ältere Menschen profitieren von besseren Kontrasten und größeren Klickflächen. Im Zug ohne Kopfhörer sind wir alle auf Untertitel angewiesen, genau wie Menschen mit Hörbeeinträchtigungen.
Es geht um gleiche Rechte und gleichen Zugang zu Informationen. Eine barrierefreie Website ist nicht schwieriger zu bedienen, sondern einfacher. Für alle. Klare Strukturen, logische Navigation und verständliche Inhalte helfen jedem Nutzer, nicht nur Menschen mit Einschränkungen.
Overlay-Tools sind keine Lösung
Viele Unternehmen setzen auf sogenannte Accessibility-Overlays. Da wird ein Widget auf die Website geklebt und als Lösung verkauft. Wenn deine Website strukturell nicht barrierefrei ist, macht ein Overlay das nicht plötzlich besser. Im Gegenteil: Oft wird die Seite dadurch sogar schlechter bedienbar. In einer Studie aus 2024 gaben 42% der Befragten an, Websites mit Overlays verlassen zu haben, weil die Seite durch das Overlay weniger zugänglich wurde als vorher.
Screenreader arbeiten mit der HTML-Struktur der Seite: Überschriften-Hierarchie, semantische Elemente, Landmark-Regionen. Wenn diese Struktur nicht stimmt, kann ein nachträglich aufgeklebtes JavaScript-Widget das nicht reparieren. Der American Foundation for the Blind beschreibt diese Probleme ausführlich. Viele blinde Nutzer installieren sich mittlerweile Browser-Extensions, nur um diese Overlays zu blockieren.
Overlay-Anbieter verdienen Geld damit, dass Unternehmen Angst vor rechtlichen Konsequenzen haben. Sie versprechen schnelle Lösungen und rechtssichere Websites. Die Tools kosten monatlich Geld, Jahr für Jahr. Dabei wäre es oft günstiger und vor allem effektiver, die Website einmal richtig umzusetzen. Viele dieser Anbieter arbeiten mit Affiliate- und Partner-Programmen. Agenturen bekommen Provision, wenn sie das Tool an ihre Kunden verkaufen. Das erklärt, warum manche Agenturen diese Tools so aggressiv pushen.
Welche rechtlichen Regelungen gibt es?
Das Barrierefreiheitsstärkungsgesetz (BFSG) ist seit 28. Juni 2025 in Kraft. Es gilt für wirtschaftlich tätige Unternehmen ab 10 Mitarbeitern ODER über 2 Millionen Euro Jahresumsatz, wenn sie Produkte oder Dienstleistungen anbieten. Kleinere Unternehmen (Mikrounternehmen) sind ausgenommen.
Konkret betroffen sind Websites mit Online-Handel, E-Commerce, Buchungssystemen, Online-Banking, E-Learning-Plattformen oder anderen digitalen Dienstleistungen. Für reine Informationswebsites ohne Verkauf oder Vertragsabschluss besteht keine gesetzliche BFSG-Pflicht, außer es handelt sich um öffentliche Stellen.
Öffentliche Einrichtungen (Behörden, Kommunen, öffentliche Verkehrsbetriebe etc.) sind grundsätzlich zur Barrierefreiheit verpflichtet, unabhängig von Größe oder Art der Website. Hier gelten die strengeren Regelungen der Barrierefreie-Informationstechnik-Verordnung (BITV 2.0).
Verstöße können mit Bußgeldern bis zu 100.000 Euro geahndet werden. Aber das sollte nicht der Hauptgrund sein, warum du deine Website barrierefrei machst. Der Hauptgrund sollte sein, dass mehr Menschen deine Inhalte nutzen können.
Was wirklich zählt: Saubere Grundlagen
Barrierefreiheit fängt nicht mit einem Tool an, sondern mit sauberer Umsetzung. Das Wichtigste ist semantisches HTML. Überschriften als Überschriften auszeichnen, Listen als Listen, Links als Links. Klingt trivial, wird aber ständig falsch gemacht.
Screenreader navigieren über die HTML-Struktur. Wenn die stimmt, klappt auch die Navigation. Wenn die Struktur nicht stimmt, hilft kein Overlay.
Zweiter wichtiger Punkt: Kontraste. Text muss lesbar sein, auch für Menschen mit Sehschwäche. Das ist manchmal ein Konflikt mit dem Design, aber ein notwendiger. Wenn dein Corporate Design Hellgrau auf Weiß vorsieht, muss das Design angepasst werden, nicht die Anforderung ignoriert werden.
Konkrete Basics die jeder umsetzen kann
Diese Punkte sollten bei jeder Website Standard sein:
- Alt-Texte für Bilder:
Jedes Bild braucht einen beschreibenden Alt-Text. Hilft Screenreadern und gleichzeitig SEO, weil Google Bilder nicht sehen kann. - Tastatur-Navigation:
Alles muss ohne Maus bedienbar sein. Formulare, Menüs, Buttons. Tab-Reihenfolge muss logisch sein. - Ausreichende Kontraste:
Text muss auch bei Sehschwäche lesbar sein. WCAG empfiehlt Kontrastverhältnis von mindestens 4.5:1 für normalen Text. - Semantisches HTML:
Überschriften als Überschriften auszeichnen (H1, H2, H3), Listen als Listen, Links als Links. Die Grundstruktur muss stimmen. - Prefers-reduced-motion:
Menschen mit vestibulären Störungen können durch Bewegung Schwindel bekommen. Die Systemeinstellung „Bewegung reduzieren" respektieren.
Wenn Kunden Bilder hochladen, pflegen sie die Alt-Texte selten mit. Das sollte Teil der Content-Pflege sein, wird aber oft vergessen.
Wie viel Aufwand ist das wirklich?
Wenn du von Anfang an richtig arbeitest, ist der Mehraufwand minimal. Wir machen die meisten Dinge automatisch richtig, weil sauberer Code sowieso unser Standard ist. Semantisches HTML, vernünftige Kontraste, Alt-Texte im Workflow, das sind keine Extras, das ist Grundhandwerk.
Wenn Barrierefreiheit explizit gefordert ist und rechtssicher sein muss, kommen Zusatzaufwände dazu. Dann testen wir mit echten Screenreadern, prüfen detaillierter und dokumentieren die Umsetzung. Aber für die allermeisten Websites reicht es, die Basics sauber umzusetzen.
Was du selbst prüfen kannst
Google PageSpeed Insights zeigt bereits einige Barrierefreiheit-Probleme an. Nicht alles, aber die gröbsten Schnitzer wie fehlende Alt-Texte oder schlechte Kontraste.
Es gibt auch spezialisierte Tools wie Pa11y oder Browser-Extensions, die automatisiert prüfen. Die ersetzen keine echten Tests mit Betroffenen, decken aber viele technische Probleme auf.
Teste am besten selbst mit der Tastatur. Kannst du durch die komplette Seite navigieren, ohne die Maus zu benutzen? Siehst du immer, wo der Fokus gerade ist? Wenn ja, bist du schon einen großen Schritt weiter.
Wann brauchst du echte Experten?
Für die meisten Unternehmenswebsites reicht es, wenn die Agentur die Basics beherrscht. Semantisches HTML und vernünftige Kontraste sollten Standard sein, keine Spezialleistung.
Wenn du aber eine Website hast, die wirklich BFSG-konform und rechtssicher sein muss, oder wenn du eine besonders komplexe Webanwendung baust, lohnt sich spezialisierte Beratung. Es gibt Agenturen und Berater, die sich ausschließlich auf Barrierefreiheit fokussieren. Die können tiefer testen und beraten als wir.
Aber der erste Schritt ist immer: Keine Overlays kaufen, sondern die Website richtig bauen.
Barrierefreiheit hilft auch bei SEO
Das Beste an barrierefreier Umsetzung: Es hilft auch Google. Saubere HTML-Struktur, beschreibende Alt-Texte, klare Überschriften, semantische Auszeichnung. All das sind auch SEO-Faktoren.
Google ist im Prinzip auch nur eine Maschine, die versucht, deine Inhalte zu verstehen. Genau wie ein Screenreader. Was für Screenreader gut ist, ist meistens auch gut für Google. Das ist kein Zufall.
Unser Ansatz
Wir setzen Barrierefreiheit so weit um, wie es mit überschaubarem Aufwand möglich ist. Das ist bei uns Standard, kein Extra. Wenn explizite Barrierefreiheit gefordert ist, testen wir intensiver und dokumentieren die Umsetzung.
Was wir nicht machen: Overlay-Tools verkaufen oder empfehlen. Die lösen das Problem nicht, sie kaschieren es nur. Und sie nerven die Leute, die sie eigentlich unterstützen sollten.
Barrierefreiheit ist kein Tool, das man auf eine Website klebt. Es ist eine Frage der Umsetzung. Und die fängt beim ersten HTML-Tag an, nicht beim letzten JavaScript-Widget.