Die gesetzlichen Anforderungen an barrierefreie Websites werden konkreter. Während große Webredesign-Blogs wie Smashing Magazine aktuell diskutieren, wie moderne CSS-Funktionen die Frontend-Entwicklung komplexer machen können, stehen viele Unternehmen vor einer grundsätzlicheren Herausforderung: der praktischen Umsetzung von Barrierefreiheit nach BFSG und BITV. Gerade für kleine und mittelständische Unternehmen in Brandenburg ist das kein abstraktes Compliance-Thema mehr, sondern eine konkrete Aufgabe mit echten Fristen.
Was das Barrierefreiheitsstärkungsgesetz für Sie bedeutet
Das Barrierefreiheitsstärkungsgesetz (BFSG) setzt die europäische Richtlinie für digitale Barrierefreiheit in deutsches Recht um. Seit Juni 2025 gelten die Anforderungen für bestimmte Dienstleistungen und Produkte. Betroffen sind nicht nur öffentliche Stellen, sondern auch private Unternehmen – insbesondere im E-Commerce, bei Bankdienstleistungen und im Personenverkehr.
Die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) konkretisiert die technischen Anforderungen. Sie basiert auf den international anerkannten Web Content Accessibility Guidelines (WCAG) und definiert drei Konformitätsstufen: A (Mindestanforderung), AA (empfohlener Standard) und AAA (höchste Stufe).
Für Ihre Website bedeutet das: Inhalte müssen wahrnehmbar, bedienbar, verständlich und robust sein. Das klingt abstrakt, hat aber sehr konkrete Auswirkungen auf Ihr barrierefreies Webdesign.
Die häufigsten Barrieren auf Websites – und wie Sie sie beseitigen
In der Praxis zeigen sich immer wieder dieselben Probleme, die Menschen mit Einschränkungen den Zugang zu Websites erschweren:
Unzureichende Kontraste: Texte, die auf dem Hintergrund schlecht lesbar sind, betreffen nicht nur Menschen mit Sehbehinderungen, sondern auch ältere Nutzer oder Menschen, die bei Sonnenlicht auf ihr Mobilgerät schauen. Die WCAG fordert ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text. Prüfen Sie Ihre Farbkombinationen mit kostenlosen Contrast-Checker-Tools.
Fehlende Alternativtexte: Jedes Bild braucht einen aussagekräftigen Alt-Text, der beschreibt, was darauf zu sehen ist und welche Information es vermittelt. Screenreader lesen diese Texte vor. Ein Alt-Text wie ‚bild123.jpg‘ hilft niemandem – beschreiben Sie stattdessen den Inhalt.
Nicht tastaturnavigierbare Elemente: Viele Menschen nutzen keine Maus, sondern navigieren mit der Tastatur. Dropdown-Menüs, Formulare und interaktive Elemente müssen per Tab-Taste erreichbar und bedienbar sein. Testen Sie Ihre Website, indem Sie die Maus weglegen und nur die Tastatur verwenden.
Unstrukturierte Inhalte: Überschriften-Hierarchien (H1, H2, H3) sind nicht nur für SEO wichtig, sondern ermöglichen es Screenreader-Nutzern, sich einen Überblick über die Seitenstruktur zu verschaffen. Überspringen Sie keine Ebenen und verwenden Sie Überschriften nicht aus rein optischen Gründen.
Fehlende Untertitel und Transkripte: Videos ohne Untertitel schließen gehörlose Menschen aus. Bieten Sie Untertitel und idealerweise auch Transkripte an.
Praktische Schritte zur barrierefreien Website
Die Umsetzung von Barrierefreiheit muss nicht mit einem kompletten Webseiten-Relaunch beginnen. Sie können schrittweise vorgehen:
Schritt 1: Bestandsaufnahme – Führen Sie einen BITV-Test durch oder lassen Sie Ihre Website professionell prüfen. Automatisierte Tools wie WAVE oder axe DevTools finden viele technische Probleme, ersetzen aber keine manuelle Prüfung.
Schritt 2: Priorisierung – Beginnen Sie mit den Seiten, die am häufigsten besucht werden: Startseite, Kontaktformular, Produktseiten. Beheben Sie zunächst die Probleme der Konformitätsstufe A, dann AA.
Schritt 3: Technische Umsetzung – Arbeiten Sie eng mit Ihrem Webdesigner oder Ihrer Agentur zusammen. Viele Barrieren lassen sich durch semantisch korrektes HTML, ARIA-Labels und durchdachte CSS-Struktur beseitigen. Die zuvor erwähnte Diskussion auf Smashing Magazine zeigt: Moderne CSS-Features können die Komplexität erhöhen, wenn Logik zwischen CSS und JavaScript aufgeteilt wird. Bei Barrierefreiheit gilt: Einfache, robuste Lösungen sind oft die zugänglichsten.
Schritt 4: Schulung und Bewusstsein – Barrierefreiheit endet nicht beim Launch. Alle, die Inhalte pflegen, müssen wissen, wie sie barrierefreie Texte, Bilder und Dokumente erstellen. Das betrifft auch PDF-Dateien, die oft vergessen werden.
Schritt 5: Dokumentation und Erklärung – Erstellen Sie eine Barrierefreiheitserklärung, in der Sie den Stand der Umsetzung dokumentieren und einen Feedback-Mechanismus anbieten. Das ist nicht nur gesetzlich vorgeschrieben, sondern zeigt auch Ihre Ernsthaftigkeit.
Barrierefreiheit ist kein Projekt, sondern ein Prozess
Der häufigste Irrtum: Barrierefreiheit ist etwas, das man einmal umsetzt und dann abhakt. In Wirklichkeit ist es eine kontinuierliche Aufgabe. Jedes neue Feature, jeder neue Inhalt muss barrierefrei gestaltet werden.
Dabei hilft es, Barrierefreiheit von Anfang an mitzudenken. Wenn Sie eine neue Website planen oder einen Relaunch durchführen, integrieren Sie Barrierefreiheit in den Designprozess. Das ist wesentlich effizienter und kostengünstiger, als nachträglich nachzubessern.
Für WordPress-Websites gibt es hilfreiche Plugins, die bei der Umsetzung unterstützen – aber Vorsicht: Kein Plugin macht Ihre Website automatisch vollständig barrierefrei. Es sind Hilfsmittel, keine Komplettlösungen.
Ein positiver Nebeneffekt: Viele Maßnahmen für Barrierefreiheit verbessern auch Ihre allgemeine Nutzererfahrung und wirken sich positiv auf SEO aus. Klare Strukturen, aussagekräftige Überschriften und schnelle Ladezeiten kommen allen Besuchern zugute.
Häufig gestellte Fragen zur Barrierefreiheit
Muss meine kleine Firma die Website wirklich barrierefrei gestalten?
Das kommt auf Ihre Branche an. Das BFSG gilt direkt für bestimmte Wirtschaftsakteure, insbesondere im E-Commerce und Dienstleistungssektor. Auch wenn Sie nicht unmittelbar betroffen sind: Barrierefreiheit erweitert Ihre Zielgruppe und wird zunehmend zum Wettbewerbsvorteil. Zudem können zukünftige Gesetzesänderungen den Kreis der Verpflichteten erweitern.
Wie viel kostet die Umsetzung von Barrierefreiheit?
Das hängt vom Ausgangszustand Ihrer Website ab. Bei einem Neuprojekt verursacht Barrierefreiheit etwa 10-20% Mehraufwand. Bei bestehenden Websites mit vielen Barrieren kann eine umfassende Überarbeitung aufwendiger sein. Investieren Sie lieber schrittweise und kontinuierlich, statt alles auf einmal anzugehen. Die Kosten für Unterlassung können durch Abmahnungen deutlich höher ausfallen.
Kann ich Barrierefreiheit selbst umsetzen oder brauche ich einen Experten?
Grundlegende Maßnahmen können Sie mit etwas Einarbeitung selbst umsetzen: Alt-Texte ergänzen, Kontraste verbessern, Überschriften-Struktur korrigieren. Für eine vollständige BITV-Konformität empfiehlt sich die Zusammenarbeit mit Experten, die sowohl technische als auch rechtliche Aspekte kennen und Ihre Website professionell testen können.