Barrierefreie Websites 2026: BFSG-Pflicht und WCAG-Compliance für KMU

Ein Bäcker aus Essen kam im Mai 2025 zu uns. "Ich habe Post vom Anwalt bekommen. Meine Website sei nicht barrierefrei. 5.000 € Abmahnung." Der Bäcker hatte keine Ahnung, dass es ein Gesetz dazu gibt — geschweige denn, dass es existiert. Er dachte, Accessibility sei etwas für Regierungswebsites. Falsch. Barrierefreiheit ist seit Juni 2025 Pflicht — für fast alle Unternehmen.

Das Barrierefreiheitsstärkungsgesetz (BFSG) ist kein Vorschlag. Es ist geltendes Recht. Und es betrifft nicht nur Behörden und Großkonzerne — es betrifft KMU, Online-Shops, Dienstleister und selbstständige Handwerker mit Website. In diesem Artikel erkläre ich, was BFSG und WCAG 2.2 für Ihre Website bedeuten, welche Strafen drohen und wie Sie in 5 Schritten compliant werden.

Was ist das BFSG — und warum betrifft es Ihr KMU?

Das Barrierefreiheitsstärkungsgesetz setzt die EU-Richtlinie 2019/882 (European Accessibility Act) in deutsches Recht um. Es verpflichtet Unternehmen, ihre digitalen Produkte und Dienstleistungen — insbesondere Websites, Online-Shops, Apps, Fahrkartenautomaten und Bankdienstleistungen — barrierefrei zu gestalten. Die Frist für die Umsetzung endete am 28. Juni 2025. Wer danach nicht compliant ist, riskiert Abmahnungen, Bußgelder und zivilrechtliche Klagen.

Viele KMU glauben fälschlicherweise, sie seien ausgenommen, weil sie weniger als 10 Mitarbeiter haben. Das ist falsch. Die Ausnahme gilt nur für Kleinstunternehmen mit weniger als 10 Beschäftigten UND unter 2 Millionen Euro Jahresumsatz. Selbst darüber gibt es keinen Freifahrtschein — Abmahnungen durch Wettbewerber sind auch bei Kleinstunternehmen möglich, basierend auf dem Behindertengleichstellungsgesetz (BGG).

WCAG 2.2: Der globale Standard — einfach erklärt

Die Web Content Accessibility Guidelines (WCAG) 2.2 sind der internationale Standard für digitale Barrierefreiheit. Sie definieren vier Prinzipien — kurz POUR:

• Perceivable (Wahrnehmbar): Alle Inhalte müssen für mindestens einen Sinn zugänglich sein. Beispiel: Jedes Bild braucht einen beschreibenden Alt-Text. Videos brauchen Untertitel.
• Operable (Bedienbar): Die Website muss vollständig per Tastatur steuerbar sein. Alle interaktiven Elemente müssen per Tab erreichbar sein. Keine Falle: Wer mit Tab in ein Element springt, muss per Tab wieder rauskommen.
• Understandable (Verständlich): Texte müssen lesbar sein, Navigationen vorhersehbar und Formulare verständlich. Fehlermeldungen müssen erklären, was genau falsch ist — nicht nur "Fehler".
• Robust (Robust): Die Website muss mit assistiven Technologien wie Screenreadern (z. B. JAWS, NVDA, VoiceOver) zuverlässig funktionieren.

Der Mindeststandard ist WCAG 2.2 Level AA — nicht AAA. AA ist im BFSG als Referenz verankert und damit für die meisten KMU das Ziel.

5 praktische Schritte zur WCAG-Compliance

1. Alt-Texte für alle Bilder: Nicht "Bild123.jpg". Sondern: "Bäcker Müller vor seiner Filiale in Essen mit frischen Brötchen im Schaufenster." Alt-Texte sind beschreibend, spezifisch und kurz. Dekorative Bilder mit leerem Alt-Attribut (alt="") kennzeichnen. Tools wie WAVE oder axe DevTools prüfen das automatisch.

2. Farbkontraste optimieren: WCAG 2.2 fordert ein Kontrastverhältnis von mindestens 4,5:1 für Fließtext und 3:1 für große Überschriften. Ein Tool wie WebAIM's Color Contrast Checker sagt Ihnen in Sekunden, ob Ihre Farbpalette compliant ist. Der häufigste Fehler: Hellgrauer Text auf weißem Grund — stilvoll, aber für 12 % der Bevölkerung unsichtbar.

3. Tastatur-Navigation sicherstellen: Drücken Sie Tab auf Ihrer Website. Kommen Sie überall hin? Sehen Sie, wo Sie gerade sind? Kommen Sie auch wieder zurück? Wenn nicht — priorisieren Sie diesen Fix. Focus-Indikatoren (der sichtbare Rahmen um fokussierte Elemente) sind Pflicht. Entfernen Sie outline:none aus Ihrem CSS.

4. Semantisches HTML verwenden: Screenreader lesen Ihre HTML-Struktur, nicht Ihr CSS-Design. Eine Überschrift ist <h1>, nicht ein <div> mit großer fetter Schrift. Navigation ist <nav>, nicht <div class="menu">. Buttons sind <button>, nicht <div onclick="...">. Semantisches HTML ist Accessibility — und übrigens auch SEO, weil Google Ihre Struktur genauso liest wie ein Screenreader.

5. Accessibility-Overlay vermeiden: Eine Versuchung für KMU ohne Budget: Ein Overlay-Plugin für 49 € pro Monat, das "automatisch barrierefrei" macht. Klingt nach der Lösung — und ist in der Praxis gefährlich. Overlays wie AccessiBe werden von Accessibility-Experten breit kritisiert, weil sie Probleme verdecken statt lösen. Kunden mit Behinderungen haben erfolgreich gegen Unternehmen geklagt, die ausschließlich auf solche Tools setzen. Barrierefreiheit muss im Code entstehen — nicht per Overlay draufgeklebt werden.

Was passiert, wenn Sie nicht handeln?

Abmahnungen sind das akuteste Risiko. Anwälte durchsuchen systematisch Unternehmens-Websites auf BFSG-Verstöße — vergleichbar mit der DSGVO-Abmahnwelle 2018. Eine Abmahnung kostet zwischen 2.500 € und 8.000 € — plus die Kosten für die nachträgliche Umsetzung.

Darüber hinaus verlieren Sie Kunden. In Deutschland leben 7,8 Millionen Menschen mit einer amtlich anerkannten Behinderung — das sind fast 10 % der Bevölkerung. Dazu kommen Menschen mit temporären Einschränkungen (Arm in Gips), situativen Einschränkungen (lautes Umfeld) und ältere Nutzer mit nachlassender Sehkraft. Eine nicht barrierefreie Website schließt 20–25 % Ihrer potenziellen Kunden aus. Das ist ein Geschäftsrisiko — nicht nur ein Compliance-Thema.

Barrierefreiheit ist kein Feature, das Sie später "dranflanschen" können. Es ist ein nicht verhandelbarer Standard jeder professionellen Website — ab 2025 erst recht. Wir von Vagabov Agency entwickeln Websites, die von Grund auf WCAG 2.2 AA compliant sind. Lassen Sie uns Ihre Website auf Barrierefreiheit prüfen.