Pixelwerft
seO
Eine barrierefreie Website ist seit dem 28. Juni 2025 für viele Unternehmen keine Kür mehr, sondern Pflicht. Das Barrierefreiheitsstärkungsgesetz (BFSG) verlangt, dass digitale Angebote für Verbraucherinnen und Verbraucher auch dann nutzbar sind, wenn jemand nicht sieht, nicht hört oder keine Maus bedienen kann.
Die Pixelwerft setzt genau das um: technisch sauber, gestalterisch überzeugend und ohne Overlay-Werkzeuge, die Probleme eher verdecken als lösen.
Fallbeispiel: Handball-Camp
Ausgangslage. Handball-Camp veranstaltet Handballcamps für Kinder und Jugendliche an Standorten in ganz Deutschland und betreibt das THW-Leistungszentrum in Kiel. Die Buchung läuft vollständig über die Website: Camp auswählen, Teilnehmer anmelden, bezahlen.
Damit ist die Sache rechtlich eindeutig. Verbindliche Buchung plus Zahlungsabwicklung gegenüber Verbrauchern ist elektronischer Geschäftsverkehr — die Website fällt unter das BFSG. Hinzu kommt die Zielgruppe: Es buchen überwiegend Eltern und Großeltern, oft am Handy, oft abends. Jede Hürde in der Buchungsstrecke kostet unmittelbar eine Anmeldung. Eine barrierefreie Website ist da Pflicht.
Der Ansatz: zwei Ebenen.
Die erste Ebene ist das Fundament, und die liegt im Code. Semantische Struktur mit klarer Überschriftenhierarchie und gesetzten Landmarks. Kontrastwerte, die ohne Zutun des Nutzers stimmen. Eine Buchungsstrecke, die sich vollständig mit der Tastatur durchlaufen lässt — vom Campauswahl bis zur Zahlungsbestätigung, mit beschrifteten Formularfeldern und Fehlermeldungen im Klartext statt in Rot. Alternativtexte für alle informationstragenden Grafiken.
Die zweite Ebene ist Komfort. Über eine Bedienleiste lassen sich Schriftgröße, Kontrast, Nachtmodus, Zeigergröße und eine Lesehilfe direkt auf der Seite einstellen. Das ersetzt das Fundament nicht und soll es auch nicht: Es macht Anpassungen sichtbar und einen Klick weit entfernt, die viele Nutzer sonst nie vornehmen, weil sie sie im Browser oder im Betriebssystem nicht finden. Gerade bei einer Zielgruppe, die nicht technikaffin ist, senkt das die Schwelle spürbar.
Was sich dabei bestätigt hat, sehen wir in fast jedem Projekt: Eine Buchungsstrecke, die für Screenreader und Tastatur funktioniert, ist auch für alle anderen klarer. Saubere Formularbeschriftungen und verständliche Fehlermeldungen senken die Abbrüche über die gesamte Nutzerschaft hinweg.
Häufige Fragen
Betrifft das BFSG auch meine reine Unternehmenswebsite ohne Shop? Wenn sie ausschließlich informiert, in der Regel nicht. Sobald sie eine verbindliche Buchung, einen Vertragsabschluss oder einen Bestellvorgang anbietet, fällt sie unter das Gesetz.
Reicht ein Barrierefreiheits-Overlay? Allein nicht. Die Grundlage muss im Code liegen: Struktur, Kontraste, Tastaturbedienung, beschriftete Formulare. Eine Bedienleiste ersetzt das nicht — als Ergänzung auf einer sauber gebauten Seite kann sie aber sinnvoll sein. Sie macht Einstellungen wie Schriftgröße, Kontrast oder Lesehilfe an Ort und Stelle sichtbar, die viele Nutzer in den Tiefen ihrer Browser- und Systemeinstellungen nie finden würden.
Wie lange dauert die Umsetzung? Bei einer überschaubaren Unternehmenswebsite meist wenige Wochen. Entscheidend ist, wie sauber die technische Basis ist.
Muss ich hundertprozentig konform sein? Zielgröße ist WCAG 2.1 AA. Bekannte Einschränkungen gehören dokumentiert — Transparenz ist Teil der Anforderung.
Was kostet das? Das hängt von Umfang und Zustand der Seite ab. Nach dem Audit liegt eine belastbare Einschätzung vor.
Barrierefreie Website Kiel: die vier Prüfsteine
Maßstab für die BFSG Umsetzung ist die Norm EN 301 549, die auf den WCAG 2.1 AA in der Konformitätsstufe AA aufsetzt. Dahinter stehen vier Prinzipien, die weniger technisch sind, als sie klingen:
Wahrnehmbar. Inhalte müssen über mehr als einen Sinneskanal zugänglich sein. Bilder brauchen aussagekräftige Alternativtexte, Videos Untertitel, Farben ausreichend Kontrast — mindestens 4,5:1 für normalen Text. Barrierefreies Webdesign vorausgesetzt.
Bedienbar. Alles muss ohne Maus funktionieren. Wer mit der Tabulatortaste durch Ihre Seite geht, muss jederzeit sehen, wo der Fokus steht, und darf in keinem Menü und keinem Dialog stecken bleiben.
Verständlich. Klare Sprache, nachvollziehbare Navigation, Formularfehler, die erklären, was zu korrigieren ist — statt eines roten Rahmens ohne Text.
Robust. Sauberes, semantisches HTML, damit Screenreader die Struktur korrekt vorlesen. Eine Überschrift muss eine Überschrift sein, nicht fett formatierter Fließtext.
Wer vom BFSG betroffen ist – und wer nicht
Das BFSG setzt den European Accessibility Act in deutsches Recht um. Betroffen sind vor allem Angebote, die sich an Endverbraucher richten:
- Online-Shops und jede Form des elektronischen Geschäftsverkehrs
- Websites mit verbindlicher Terminbuchung oder Online-Formularstrecken
- Bank-, Telekommunikations- und Verkehrsdienstleistungen
- E-Books und E-Book-Software
Ausgenommen sind Kleinstunternehmen im Dienstleistungsbereich: weniger als zehn Beschäftigte und höchstens zwei Millionen Euro Jahresumsatz oder Bilanzsumme. Beide Bedingungen müssen zutreffen.
Zwei Missverständnisse begegnen uns dabei besonders oft.
„Wir sind reines B2B, uns betrifft das nicht.“ Das stimmt nur, wenn Ihr Angebot erkennbar ausschließlich Geschäftskunden offensteht. Sobald auch Privatpersonen bestellen oder buchen können, greift das Gesetz.
„Wir sind ein Kleinstunternehmen, wir sind raus.“ Für Dienstleistungen ja. Wer allerdings Produkte vertreibt, die selbst unter das BFSG fallen, kann sich auf die Ausnahme nicht berufen.
Bei Verstößen sieht das Gesetz Bußgelder von bis zu 100.000 Euro vor. Praktisch relevanter ist für die meisten Unternehmen jedoch das Abmahnrisiko durch Wettbewerber — ein Muster, das man von der DSGVO und der Google-Fonts-Welle kennt.
Behörden und öffentliche Stellen unterliegen ohnehin schon länger der BITV 2.0. Für sie ändert das BFSG wenig, der Anspruch bleibt derselbe.
So läuft die Umsetzung ab
1. Betroffenheit klären. Fällt Ihr Angebot überhaupt unter das BFSG? Diese Frage kostet ein Gespräch und erspart im Zweifel das ganze Projekt.
2. Prüfen. Automatisierte Tests decken etwa dreißig Prozent der Kriterien ab. Der Rest verlangt manuelle Prüfung: Tastaturbedienung, Screenreader, Fokusreihenfolge, Verständlichkeit.
3. Priorisieren. Zuerst das, was Nutzung verhindert — Formulare, Navigation, Buchungsstrecken. Danach das, was sie erschwert.
4. Umsetzen. Templates, Komponenten und Inhalte anpassen. Bei WordPress betrifft das oft Theme, Page Builder und einzelne Plugins gleichermaßen.
5. Dokumentieren. Die Erklärung zur Barrierefreiheit gehört inzwischen zur Standardausstattung. Sie benennt den Stand, bekannte Einschränkungen und einen Feedback-Kanal.
Sie wissen nicht, wo Ihre Website steht? Wir prüfen sie, benennen die Lücken und setzen um, was zu tun ist.