Barrierefreie Website: Was das BFSG und WCAG für KMU bedeuten – und wie Sie jetzt handeln

Eine barrierefreie Website war lange ein Nice-to-have, das vor allem große Konzerne oder Behörden beschäftigt hat. Das hat sich geändert: Mit dem Barrierefreiheitsstärkungsgesetz (BFSG) greift ab dem 28. Juni 2025 eine gesetzliche Pflicht, die deutlich mehr Unternehmen betrifft als bisher – darunter viele kleine und mittlere Betriebe.

Doch was bedeutet Barrierefreiheit für Ihre Website konkret? Wer ist betroffen? Was kostet eine Umsetzung? Und was passiert, wenn Sie nichts tun? Dieser Artikel beantwortet alle relevanten Fragen für KMU im Mittelstand – ohne Fachchinesisch, dafür mit echten Umsetzungshinweisen.

---

Was ist eine barrierefreie Website?

Eine barrierefreie Website ist so gestaltet, dass sie von allen Menschen genutzt werden kann – unabhängig von körperlichen oder kognitiven Einschränkungen. Dazu zählen zum Beispiel:

• Menschen mit eingeschränkter Sehfähigkeit oder Blindheit (nutzen Screenreader)
• Menschen mit motorischen Einschränkungen (navigieren per Tastatur statt Maus)
• Menschen mit Hörbeeinträchtigungen (benötigen Untertitel für Videos)
• Menschen mit kognitiven Einschränkungen (profitieren von klarer Sprache und Struktur)

Barrierefreiheit ist dabei kein binärer Zustand – es gibt Grade der Konformität. Der internationale Standard, nach dem gemessen wird, ist die WCAG (Web Content Accessibility Guidelines), herausgegeben vom W3C.

WCAG – der internationale Maßstab

Die WCAG definiert vier Grundprinzipien, unter dem Akronym POUR:

Prinzip	Bedeutung	Beispiel
Perceivable (Wahrnehmbar)	Inhalte müssen für alle Sinne zugänglich sein	Alternativtexte für Bilder
Operable (Bedienbar)	Alle Funktionen per Tastatur nutzbar	Keine Maus zwingend erforderlich
Understandable (Verständlich)	Sprache und Navigation müssen klar sein	Fehlermeldungen erklären, was falsch lief
Robust (Robust)	Inhalte müssen mit Hilfstechnologien funktionieren	Korrekte semantische HTML-Strukturen

Die aktuell maßgebliche Version ist WCAG 2.1, mit drei Konformitätsstufen:

• Stufe A: Minimale Anforderungen (ohne die die Seite für manche unnutzbar wäre)
• Stufe AA: Standard, der in der Regel als „barrierefrei" gilt – und auch gesetzlich gefordert wird
• Stufe AAA: Erweiterte Anforderungen, in der Praxis selten vollständig umsetzbar

Das BFSG fordert grundsätzlich die Einhaltung von WCAG 2.1 Stufe AA.

---

Das BFSG: Was ist das – und wen betrifft es?

Das Barrierefreiheitsstärkungsgesetz ist die deutsche Umsetzung der europäischen European Accessibility Act (EAA)-Richtlinie. Es trat 2021 in Kraft, die Übergangsfrist endet am 28. Juni 2025. Ab diesem Datum gelten die Anforderungen verbindlich.

Wer ist betroffen?

Das BFSG richtet sich an Unternehmen des privaten Sektors, die bestimmte Produkte oder Dienstleistungen für Verbraucher anbieten. Konkret betrifft es folgende digitale Bereiche:

• E-Commerce-Websites und Online-Shops (Verkauf von Waren oder Dienstleistungen an Endverbraucher)
• Banking- und Finanzdienstleistungen (Online-Banking, Versicherungsportale)
• Personennahverkehr (digitale Buchungsportale)
• E-Books und entsprechende Reader-Software
• Telekommunikationsdienste

Wichtig für KMU: Eine klassische Unternehmenswebsite ohne Shop-Funktion oder Buchungsportal fällt nicht automatisch unter das BFSG – zumindest nicht direkt. Wer jedoch einen Online-Shop betreibt, Dienstleistungen online buchbar macht oder digitale Services an Endkunden verkauft, ist in der Pflicht.

Die Mikrounternehmen-Ausnahme

Das BFSG sieht eine Ausnahmeregelung für Mikrounternehmen vor. Als Mikrounternehmen gilt, wer:

• Weniger als 10 Mitarbeiter beschäftigt und
• Einen Jahresumsatz unter 2 Millionen Euro erzielt

Diese Unternehmen sind von den Anforderungen des BFSG ausgenommen – müssen aber bei freiwilliger Umsetzung trotzdem die Standards einhalten.

Was passiert bei Nicht-Einhaltung?

Verstöße können durch Marktüberwachungsbehörden geahndet werden. Konkret drohen:

• Bußgelder (die genaue Höhe hängt von der Schwere des Verstoßes ab)
• Abmahnungen durch Wettbewerber oder Verbraucherschutzorganisationen
• Reputationsschäden – gerade bei B2C-Unternehmen, die auf ein breites Publikum angewiesen sind

---

Barrierefreiheit: Pflicht oder Chance?

Viele KMU betrachten das Thema zunächst als Compliance-Aufgabe. In der Praxis steckt jedoch weit mehr dahinter.

Die Zahlen dahinter

In Deutschland leben schätzungsweise 13 Millionen Menschen mit einer anerkannten Schwerbehinderung (Quelle: Statistisches Bundesamt, Stand 2023). Rechnet man alle Menschen mit temporären oder situativen Einschränkungen (z. B. gebrochener Arm, Sonnenlicht auf dem Smartphone-Bildschirm) hinzu, sprechen Experten von einem deutlich größeren Nutzerkreis.

Eine barrierefreie Website schließt diese Nutzergruppen nicht aus – und das wirkt sich direkt auf Reichweite und Conversion aus.

Barrierefreiheit verbessert SEO

Das ist kein Marketingversprechen, sondern technische Realität: Viele Anforderungen der WCAG decken sich mit Best Practices für technisches SEO:

• Alternativtexte für Bilder helfen Suchmaschinen, Bildinhalt zu verstehen
• Semantisches HTML (korrekte Nutzung von H1–H6, nav, main, footer) verbessert das Crawling
• Klare Seitenstruktur und schnelle Ladezeiten erhöhen die Core Web Vitals
• Kontrastreiche Gestaltung reduziert Absprungraten

Wenn Sie sich für technisches SEO oder Core Web Vitals interessieren, profitieren Sie gleichzeitig von höherer Barrierefreiheit – und umgekehrt.

---

Die häufigsten Barrieren auf Unternehmenswebsites

In der Praxis treffen wir bei Website-Audits immer wieder auf dieselben Probleme. Hier die häufigsten:

Typische Zugänglichkeitsprobleme im Überblick

Problem	Betroffene Nutzer	WCAG-Kriterium
Fehlende Alternativtexte bei Bildern	Blinde, Screenreader-Nutzer	1.1.1 Non-text Content
Unzureichender Farbkontrast	Sehschwache, Farbenblinde	1.4.3 Contrast (Minimum)
Keine Tastaturnavigation	Motorisch Eingeschränkte	2.1.1 Keyboard
Fehlende Fokus-Indikatoren	Tastaturnutzer	2.4.7 Focus Visible
Videos ohne Untertitel	Gehörlose, Schwerhörige	1.2.2 Captions
Formulare ohne Labels	Screenreader-Nutzer	1.3.1 Info and Relationships
Inhalte nur per Hover erreichbar	Touch- und Tastaturnutzer	2.1.1 Keyboard
Fehlende Sprachauszeichnung	Screenreader (Aussprache)	3.1.1 Language of Page
Autoplay-Medien ohne Stoppfunktion	Alle Nutzer mit kogn. Einschränkung	1.4.2 Audio Control
Kein Skip-Link zum Hauptinhalt	Screenreader- und Tastaturnutzer	2.4.1 Bypass Blocks

---

Praxisbeispiel: Barrierefreiheits-Audit für einen regionalen Online-Shop

Ein mittelständischer Einzelhändler aus Brandenburg betrieb einen WooCommerce-Shop mit rund 300 Produkten. Im Vorfeld der BFSG-Deadline ließ er einen Accessibility-Audit durchführen.

Ausgangssituation:

• Produkt-Bilder ohne Alt-Tags
• Checkout-Formular mit nicht korrekt verknüpften Labels
• Farbschema mit zu geringem Kontrastverhältnis (unter 3:1 statt der geforderten 4,5:1)
• Keine Möglichkeit, den Newsletter-Banner per Tastatur zu schließen

Maßnahmen:

1. Nachträgliches Pflegen von Alt-Texten über das CMS (ca. 2 Stunden Redaktionsarbeit)
2. Anpassung der Formular-Labels im Theme-Code (1 Entwicklertag)
3. Farbpalette überarbeiten – gleichzeitig Redesign des Farbschemas mit neuem Kontrastrechner
4. Modal-Komponente mit ARIA-Attributen und Tastatur-Trap ausgestattet

Ergebnis: Der Shop erreichte nach ca. 3 Entwicklertagen WCAG 2.1 AA-Konformität für alle zentralen Bereiche (Startseite, Produktseiten, Checkout). Die Absprungrate sank im Nachgang messbar – mutmaßlich weil die verbesserte Struktur auch die mobile Bedienbarkeit erhöhte.

Hinweis: Nicht jeder Shop braucht so wenig Aufwand. Komplexere Shop-Systeme oder individuell entwickelte Plattformen erfordern einen tieferen technischen Eingriff. Der erste Schritt ist immer ein strukturierter Audit.

---

So gehen Sie vor: Schritt-für-Schritt zur barrierefreien Website

Checkliste: Barrierefreiheit in 7 Schritten

1. Betroffenheit prüfen: Gilt das BFSG für Ihr Unternehmen? (Sind Sie kein Mikrounternehmen und betreiben Sie einen Shop oder buchbaren Service?)
2. Ist-Analyse / Audit: Bestehende Website mit Tools wie Google Lighthouse, axe oder WAVE analysieren lassen
3. Priorisierung: Kritische Fehler (Stufe A) zuerst beheben, dann AA-Anforderungen angehen
4. Technische Umsetzung: Semantisches HTML, ARIA-Attribute, Tastaturnavigation, Kontraste
5. Barrierefreiheitserklärung erstellen: Das BFSG schreibt eine öffentliche Erklärung vor, die den Konformitätsstatus und Kontaktmöglichkeiten bei Problemen ausweist
6. Dokumentation: Audit-Ergebnisse und Maßnahmen dokumentieren – für mögliche Behördenanfragen
7. Regelmäßige Überprüfung: Bei Website-Updates und neuen Inhalten die Barrierefreiheit mitdenken

Welche Tools helfen bei der Prüfung?

• Google Lighthouse (im Browser integriert, Accessibility-Tab): Guter Einstieg, aber nur automatisierte Prüfung
• axe DevTools (Browser-Extension): Detaillierte WCAG-Mapping-Angaben
• WAVE (wave.webaim.org): Visuelle Darstellung von Barrieren direkt im Browser
• Colour Contrast Analyser (TPGi): Desktop-Tool zur Farbkontrastprüfung
• NVDA (Windows-Screenreader, kostenlos): Manuelle Tests aus Nutzerperspektive

Automatisierte Tools erkennen nur ca. 30–40 % aller Barrieren. Für eine vollständige WCAG-Konformität ist eine manuelle Prüfung unerlässlich.

---

Was kostet eine barrierefreie Website?

Die ehrliche Antwort: Es kommt stark darauf an, wo Sie starten.

Kostenschätzung nach Ausgangslage

Szenario	Aufwand	Orientierungswert
Neue Website mit Barrierefreiheit von Anfang an	Kein Mehraufwand bei gutem Konzept	Im Normalbudget integrierbar
Bestandswebsite mit kleinen Anpassungen	1–3 Entwicklertage	ca. 500–2.000 €
Mittelgroßer Shop, mehrere Probleme	3–8 Entwicklertage	ca. 2.000–5.000 €
Komplexes System, strukturelle Probleme	Projektabhängig	Auf Basis eines Audits

Die Zahlen sind Orientierungswerte, keine Festpreise. Ein Audit vor dem Angebot ist in jedem Fall empfehlenswert.

Der günstigste Weg: Wenn Sie ohnehin eine neue Website planen, ist jetzt der richtige Moment, Barrierefreiheit von Anfang an einzuplanen. Eine neue Website entwickeln lassen mit Accessibility-Anforderungen von Beginn an kostet kaum mehr als ohne – und Sie sparen sich spätere Nacharbeiten.

---

BFSG und DSGVO: Was haben sie gemeinsam?

Viele KMU kennen das Muster bereits von der DSGVO: Eine europäische Richtlinie setzt Mindestandards, Deutschland setzt sie in nationales Recht um, Unternehmen müssen handeln und eine Erklärung bereitstellen.

Das BFSG folgt dem gleichen Muster. Wer bereits bei der DSGVO-Umsetzung solide aufgestellt ist und die Grundlogik kennt (Dokumentation, Transparenz, Erklärungspflichten), findet beim BFSG viele strukturelle Parallelen.

Beide Themen lassen sich gut im Rahmen einer umfassenderen digitalen Transformation angehen – wenn ohnehin Prozesse und Systeme modernisiert werden.

---

Barrierefreiheit und Webdesign: Kein Widerspruch

Ein weit verbreitetes Missverständnis: Barrierefreie Websites seien hässlich oder technisch eingeschränkt. Das stimmt nicht.

Moderne Barrierefreiheit und gutes Webdesign ergänzen sich. Hohe Kontraste machen Texte für alle lesbarer. Klare Navigation verbessert die User Experience für jeden Besucher. Gute Beschriftungen helfen nicht nur Screenreader-Nutzern, sondern allen Formularbenutzern.

Die aktuellen Webdesign-Trends 2026 zeigen: Minimalismus, Klarheit und Nutzerzentriertheit sind ohnehin im Kommen – was sich nahtlos mit Accessibility-Anforderungen deckt.

---

Wann brauche ich professionelle Unterstützung?

Eine einfache Unternehmenswebsite mit wenig Interaktivität können technisch versierte Teams oder Agenturen mit einer Checkliste oft selbst auf WCAG-Niveau bringen.

Professionelle Unterstützung lohnt sich bei:

• Online-Shops mit komplexem Checkout-Prozess
• Individuell entwickelten Webanwendungen (Single Page Applications, Dashboards)
• Portalen mit Login-Bereich, Formularen oder interaktiven Elementen
• Unklarheit über den eigenen Konformitätsstatus (juristisch relevant bei Behördenanfragen)
• Erstmaligem Audit ohne interne Expertise

SW Business Solutions unterstützt Unternehmen bei der Analyse, Konzeption und technischen Umsetzung barrierefreier Websites – von einfachen Anpassungen bis zur vollständigen WCAG-konformen Neuentwicklung. Wenn Sie unsicher sind, wo Sie stehen, ist ein kurzes Erstgespräch der sinnvolle erste Schritt.

---

Barrierefreie Website: Die wichtigsten Punkte auf einen Blick

• Das BFSG verpflichtet ab 28. Juni 2025 Unternehmen mit digitalen Verbraucherangeboten zur Barrierefreiheit
• Maßstab ist WCAG 2.1 Stufe AA
• Mikrounternehmen (unter 10 MA, unter 2 Mio. € Umsatz) sind ausgenommen
• Barrierefreiheit verbessert nicht nur die Compliance, sondern auch SEO und User Experience
• Automatisierte Tools reichen für einen Überblick – vollständige Konformität erfordert manuelle Prüfung
• Eine neue Website von Anfang an barrierefrei zu entwickeln ist günstiger als Nacharbeit

---

FAQ: Barrierefreie Website – häufige Fragen