Seit dem 28. Juni 2025 ist barrierefreies Webdesign für einen großen Teil der deutschen Wirtschaft keine Empfehlung mehr, sondern Gesetz. Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet Unternehmen, die Dienstleistungen für Verbraucher über Websites anbieten, zur Barrierefreiheit – und seit 2026 prüft die Marktüberwachung nicht mehr nur auf Beschwerde.
Dieser Beitrag klärt, wer betroffen ist, was technisch verlangt wird und wie ein pragmatischer Weg zur barrierefreien Website aussieht – ohne Panik, aber auch ohne die verbreitete Fehleinschätzung, das Thema gehe nur Behörden etwas an.
Wen das BFSG betrifft – und wen nicht
Das Gesetz zielt auf Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher. Praktisch heißt das: Wer über seine Website Verträge anbahnt oder abschließt – Onlineshop, Buchungsstrecke, Terminvereinbarung, Angebotsanfrage mit Vertragsfolge –, fällt in den Anwendungsbereich. Eine reine Visitenkarten-Website ohne solche Funktionen ist formal nicht erfasst.
Die wichtigste Ausnahme: Kleinstunternehmen, die Dienstleistungen anbieten, sind befreit – aber nur, wenn sie beides erfüllen: weniger als zehn Beschäftigte und höchstens zwei Millionen Euro Jahresumsatz oder Bilanzsumme. Wer Produkte in den Verkehr bringt, kann sich auf diese Ausnahme nicht berufen.
BFSG in Zahlen
Die Eckdaten des Barrierefreiheitsstärkungsgesetzes
Quellen: BFSG; EN 301 549; Marktüberwachungsstelle der Länder (MLBF). Stand 2026.
Was „barrierefrei” technisch bedeutet
Der Maßstab ist die europäische Norm EN 301 549, die auf die Web Content Accessibility Guidelines (WCAG) 2.1, Stufe AA verweist. Die vier Grundprinzipien mit den in der Praxis wichtigsten Anforderungen:
| Prinzip | Heißt konkret | Typische Fehler |
|---|---|---|
| Wahrnehmbar | Kontrast mind. 4,5:1, Alternativtexte, skalierbare Schrift, Untertitel | hellgrauer Text, Bilder ohne Alt-Text, Text in Grafiken |
| Bedienbar | komplette Tastaturbedienung, sichtbarer Fokus, ausreichende Klickflächen | Menüs nur per Maus, Fokus-Ring per CSS entfernt |
| Verständlich | klare Sprache, beschriftete Formulare, hilfreiche Fehlermeldungen | „Fehler 23″, Pflichtfelder nur farblich markiert |
| Robust | sauberes HTML, korrekte Rollen und Landmarken für Screenreader | Div-Konstrukte statt Buttons, kaputte Verschachtelung |
Die gute Nachricht: Rund die Hälfte davon ist schlicht sauberes Handwerk, das eine gute Website ohnehin auszeichnet – semantisches HTML, ordentliche Formulare, lesbare Typografie. Barrierefreiheit ist zu großen Teilen Qualität, die man sonst nur nicht gemessen hat.
Nebenwirkung: Barrierefreiheit zahlt auf SEO ein
Viele BFSG-Anforderungen decken sich mit dem, was Suchmaschinen belohnen: Alternativtexte machen Bilder auffindbar, saubere Überschriftenhierarchien strukturieren Inhalte, gute Kontraste und Tastaturbedienung senken Absprungraten, klares HTML erleichtert das Crawling. Wer barrierefrei baut, baut fast automatisch suchmaschinenfreundlich – zwei Pflichten, ein Aufwand.
Die zwölf häufigsten Verstöße – und ihre Behebung
Aus Barrierefreiheits-Prüfungen bestehender Websites kehren dieselben Befunde in fast jeder Liste wieder. Die gute Nachricht: Für die meisten existiert ein klarer, oft kleiner Fix.
| Befund | Warum es ein Problem ist | Behebung |
|---|---|---|
| Kontrast unter 4,5:1 | Text ist für Sehschwächere unlesbar | Farbwerte anpassen – meist genügt ein dunklerer Grauton |
| Bilder ohne Alt-Text | Screenreader überspringen Inhalte | Alt-Texte pflegen; dekorative Bilder leer auszeichnen |
| Fokus-Ring entfernt | Tastaturnutzer verlieren die Orientierung | sichtbaren :focus-visible-Stil definieren |
| Formularfelder ohne Label | Eingabefelder sind nicht zuordenbar | echte label-Elemente statt Platzhaltertext |
| Pflichtfelder nur rot markiert | für Farbenblinde unsichtbar | Sternchen + Texthinweis + Fehlermeldung am Feld |
| Links heißen „hier klicken” | ohne Kontext bedeutungslos | sprechende Linktexte („Preisliste als PDF”) |
| Überschriften-Chaos | Screenreader-Navigation bricht | H1–H3 logisch statt optisch vergeben |
| PDF statt HTML | PDFs sind selten zugänglich | Kerninhalte als Webseite, PDF als Zugabe |
| Video ohne Untertitel | Inhalte für Hörgeschädigte verloren | Untertitel ergänzen (automatisch + Korrektur) |
| Bedienung nur per Maus | Menüs/Slider ohne Tastaturzugriff | alle Interaktionen mit Tab/Enter bedienbar machen |
| Zeitlimits & Autoplay | Stress und Kontrollverlust | abschaltbar machen oder entfernen |
| Captcha ohne Alternative | sperrt Nutzer komplett aus | moderne unsichtbare Verfahren oder Alternativweg |
So läuft eine Prüfung ab, die den Namen verdient
- Automatisierter Scan (Lighthouse, WAVE, axe) über die wichtigsten Seitentypen – findet messbare Verstöße wie Kontraste und fehlende Attribute.
- Tastatur-Durchgang: jede Kernstrecke (Menü, Formular, Buchung) komplett ohne Maus – hier fallen die Bedienbarkeits-Lücken auf, die kein Tool sieht.
- Screenreader-Stichprobe (VoiceOver/NVDA) auf Startseite, einer Leistungsseite und dem wichtigsten Formular: Wird vorgelesen, was gemeint ist?
- Zoom-Test auf 200 %: bleibt alles les- und bedienbar, ohne horizontales Scrollen?
- Dokumentation: Befunde mit Priorität, Fix und Verantwortlichem – daraus entsteht der Maßnahmenplan und später der Nachweis.
Die Erklärung zur Barrierefreiheit
Das BFSG verlangt neben der Technik auch Transparenz: eine öffentlich erreichbare Erklärung, welche Teile des Angebots barrierefrei sind, wo Ausnahmen bestehen und wie Nutzer Barrieren melden können. In der Praxis ist das eine eigene Unterseite – verlinkt im Footer neben Impressum und Datenschutz – plus ein erreichbarer Feedback-Kanal (E-Mail genügt), dessen Eingänge tatsächlich beantwortet werden. Fehlt die Erklärung, ist das der am leichtesten nachweisbare Verstoß überhaupt – und damit das erste, was Prüfer und Abmahner kontrollieren.
Direkt loslegen: Unsere interaktive BFSG-Checkliste klärt in zwei Minuten, ob Ihre Website unter das Gesetz fällt, und führt Sie durch die 13 Punkte, die kein automatischer Scanner erkennt. Ohne Anmeldung, ohne Datenübertragung.
Der pragmatische Fahrplan
- Betroffenheit klären: Bietet die Website Verbrauchern Dienstleistungen oder Produkte an? Greift die Kleinstunternehmen-Ausnahme? Zehn Minuten mit ehrlichen Antworten.
- Ist-Zustand messen: Automatisierte Prüfungen finden etwa ein Drittel der Probleme – Kontraste, fehlende Alt-Texte, Formularfehler. Dafür eignen sich Lighthouse, WAVE oder unser eigenes Werkzeug, der BFSG-Check von findflix (kostenlos, ohne Registrierung; findflix ist wie envyo ein Projekt von Samuel Ohonin). Die übrigen zwei Drittel braucht die manuelle Prüfung – dafür haben wir die interaktive BFSG-Checkliste gebaut, die Sie in zwei Minuten durchklicken.
- Quick Wins umsetzen: Kontraste, Alt-Texte, Fokus-Sichtbarkeit, Formular-Labels – das meiste davon ist in Tagen erledigt, nicht in Monaten.
- Strukturelles einplanen: Navigation, Komponenten und Farbsystem gehören ins nächste Redesign-Budget, wenn sie grundlegend barriere-behaftet sind.
- Erklärung zur Barrierefreiheit veröffentlichen und einen Feedback-Weg anbieten – beides verlangt das Gesetz ausdrücklich.
Abmahn-Realität 2026: Neben der Marktüberwachung (Bußgelder bis 100.000 €) haben auch Verbände und Mitbewerber das Thema entdeckt. Die typische erste Post ist keine Behörde, sondern eine Abmahnung – und die trifft bevorzugt Websites, bei denen Verstöße automatisiert auffindbar sind.
Häufige Fragen
Gilt das BFSG auch für meine bestehende Website?
Ja. Für Websites und Onlineshops gibt es keine allgemeine Bestandsschutz-Frist – die Pflichten gelten seit dem 28. Juni 2025 auch für Auftritte, die vorher online gingen. Übergangsregelungen betreffen im Kern zuvor geschlossene Dienstleistungsverträge und bestimmte Selbstbedienungsterminals.
Meine Website ist nur eine digitale Visitenkarte – bin ich raus?
Wenn sie wirklich keine Dienstleistung anbahnt – kein Shop, keine Buchung, keine vertragsbezogene Anfrage – fällt sie formal nicht unter das BFSG. Zwei Einschränkungen: Ein Kontaktformular zur Terminvereinbarung kann bereits die Schwelle reißen, und barrierefrei zu bauen lohnt sich auch ohne Pflicht – für Nutzer wie für Google.
Reicht ein Accessibility-Overlay oder -Widget?
Nein. Overlays legen Reparaturversuche über eine kaputte Basis, erfüllen die Norm nachweislich nicht vollständig und stehen teils selbst in der Kritik, die Bedienung zu verschlechtern. Barrierefreiheit entsteht im Code, nicht in einem nachgeladenen Skript.
Was kostet barrierefreies Webdesign?
Im Neuprojekt: wenig Mehraufwand, wenn es von Anfang an mitgedacht wird – wir kalkulieren je nach Umfang einige Prozent zusätzlich für Prüfung und Dokumentation. Beim Nachrüsten hängt es vom Zustand ab: Von Quick-Wins für wenige Hundert Euro bis zum Redesign, wenn Struktur und Komponenten grundlegend unzugänglich sind.
Wie weise ich Barrierefreiheit nach?
Mit einer Prüfung nach WCAG 2.1 AA (automatisiert plus manuell), einer veröffentlichten Erklärung zur Barrierefreiheit und dokumentierten Feedback-Wegen. Für höhere Anforderungen gibt es formale Tests wie den BITV-/EN-Test durch spezialisierte Prüfstellen.
Passend dazu: Webdesign für Ärzte · Webdesign für Steuerberater · Webdesign für Rechtsanwälte · Website erstellen lassen
Quellen: Barrierefreiheitsstärkungsgesetz (BFSG) und BFSGV; EN 301 549 / WCAG 2.1 AA; Angaben zu Marktüberwachung und Bußgeldrahmen: MLBF und Fachveröffentlichungen 2026 (u. a. barrierefreie-agenturen.de, anwalt-seiten.de). Dieser Beitrag ist keine Rechtsberatung. Stand: August 2026.