Barrierefreiheit für Websites: Was ab 2025 Pflicht ist (BFSG)

Was ändert sich ab Juni 2025?

Am 28. Juni 2025 tritt das Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft. Es setzt den European Accessibility Act (EAA) in deutsches Recht um und schreibt erstmals verbindlich vor, dass bestimmte digitale Produkte und Dienstleistungen für Menschen mit Behinderungen zugänglich sein müssen.

Das ist keine freiwillige Selbstverpflichtung. Wer unter die Pflicht fällt und sich nicht daran hält, riskiert Bußgelder und Abmahnungen.

Was genau fällt unter das BFSG? Das Gesetz erfasst unter anderem:

• Websites und mobile Anwendungen, über die Produkte oder Dienstleistungen an Verbraucherinnen und Verbraucher angeboten werden
• Online-Shops und E-Commerce-Plattformen
• Banking- und Finanzdienstleistungen
• Messenger- und Kommunikationsdienste
• E-Books und digitale Inhalte
• Ticketing-Systeme für Transport und Veranstaltungen

Nicht direkt erfasst sind hingegen rein informationelle Websites ohne Transaktionsfunktion sowie Intranet-Systeme, sofern sie vor dem 28. Juni 2025 veröffentlicht wurden.

Wen betrifft das BFSG?

Das BFSG gilt für Unternehmen, die digitale Produkte oder Dienstleistungen an Endverbraucherinnen und Endverbraucher richten. Der entscheidende Begriff lautet: B2C. Wenn du ausschließlich andere Unternehmen als Kunden hast und deine Website klar als B2B positioniert ist, fällst du grundsätzlich nicht unter die Pflicht.

Die Micro-Ausnahme: Wann gilt das BFSG nicht?

Das BFSG enthält eine wichtige Ausnahme für Kleinstunternehmen. Du bist befreit, wenn beide folgenden Bedingungen zutreffen:

1. Weniger als 10 Mitarbeitende (Vollzeitäquivalent)
2. Jahresumsatz oder Bilanzsumme von höchstens 2 Millionen Euro

Wichtig: Die Ausnahme gilt pro Produkt und Dienstleistung. Wenn ein Kleinstunternehmen aus wirtschaftlichen Gründen die Barrierefreiheit nicht umsetzen kann, muss es dies dokumentieren und begründen.

Für wen lohnt es sich trotzdem?

Selbst wenn du nicht unter die Pflicht fällst, gibt es gute Gründe für Barrierefreiheit. In Deutschland leben rund 13 Millionen Menschen mit einer anerkannten Schwerbehinderung. Hinzu kommen ältere Menschen, die von größeren Schriften und besserer Bedienbarkeit profitieren, sowie Menschen mit temporären Einschränkungen (gebrochene Hand, schlechte Lichtverhältnisse). Barrierefreie Websites haben außerdem bessere SEO-Performance, weil viele Barrierefreiheitsprinzipien direkt mit guter technischer Suchmaschinenoptimierung überlappen.

Was bedeutet "barrierefrei" für Websites konkret?

Barrierefreiheit im Web bedeutet nicht, dass deine Website aussehen muss wie ein Behördenformular aus den 2000ern. Es geht darum, dass Menschen mit unterschiedlichen Fähigkeiten und technischen Hilfsmitteln deine Website nutzen können. Dazu gehören:

• Blinde oder sehbehinderte Menschen, die Screen-Reader nutzen
• Menschen mit motorischen Einschränkungen, die keine Maus benutzen können und alles per Tastatur steuern
• Menschen mit Farbsehschwäche, die auf ausreichende Kontraste angewiesen sind
• Gehörlose Menschen, die Videos ohne Ton konsumieren
• Menschen mit kognitiven Einschränkungen, die von klarer Sprache und einfacher Navigation profitieren

Das klingt nach viel Aufwand. In der Praxis sind viele der geforderten Maßnahmen aber gute Webentwicklungs-Praxis, die du ohnehin umsetzen solltest: semantisches HTML, ausreichende Kontraste, beschreibende Alt-Texte, klare Überschriftenstruktur.

Website barrierefrei machen lassen? KI-WebSichtbar baut WCAG-konforme Websites ab 1.499 EUR →

WCAG 2.1 AA: Die wichtigsten Kriterien

Der technische Maßstab für barrierefreie Websites ist die Web Content Accessibility Guidelines (WCAG) in Version 2.1, Konformitätsstufe AA. Diese Richtlinien der W3C sind nach vier Prinzipien gegliedert:

1. Wahrnehmbar

Alle Inhalte müssen von Nutzerinnen und Nutzern wahrgenommen werden können, unabhängig von Sinneseinschränkungen.

• Textalternativen für Nicht-Text-Inhalte (Alt-Texte für Bilder)
• Untertitel für Videos und Audioinhalte
• Mindestkontrast von 4,5:1 für normalen Text, 3:1 für großen Text
• Text muss bis 200 % vergrößerbar sein, ohne dass Funktionen verloren gehen
• Keine Information darf nur über Farbe vermittelt werden

2. Bedienbar

Alle Funktionen müssen per Tastatur bedienbar sein, nicht nur per Maus.

• Vollständige Keyboard-Navigation (Tab-Reihenfolge muss logisch sein)
• Sichtbarer Fokus-Indikator bei Keyboard-Navigation
• Keine Zeitlimits, die nicht angepasst werden können
• Keine Inhalte, die mehr als dreimal pro Sekunde blinken
• Skip-Navigation (Link, der direkt zum Hauptinhalt springt)
• Touch-Targets mindestens 44 x 44 CSS-Pixel groß

3. Verständlich

Inhalte und Bedienung müssen verständlich sein.

• Sprache der Seite im HTML-Element angegeben (lang="de")
• Konsistente Navigation auf allen Seiten
• Formularfelder mit sichtbaren Labels
• Fehlermeldungen klar formuliert und in Text (nicht nur Farbe)
• Keine unerwarteten Kontextwechsel beim Fokus-Wechsel

4. Robust

Inhalte müssen von aktuellen und zukünftigen Hilfsmitteln interpretiert werden können.

• Valides HTML (korrekte Struktur, keine doppelten IDs)
• ARIA-Labels für interaktive Elemente
• Name, Rolle und Wert für alle UI-Komponenten programmatisch bestimmbar

Checkliste: 10 Punkte für barrierefreie Websites

Diese zehn Punkte decken die häufigsten Barrieren ab und lassen sich ohne großen Aufwand prüfen und umsetzen:

1. Alt-Texte für alle informativen Bilder. Dekorative Bilder erhalten alt="". Informative Bilder eine präzise Beschreibung.
2. Farbkontrast prüfen. Mindestens 4,5:1 für normalen Text. Kostenlose Tools: WebAIM Contrast Checker, Colour Contrast Analyser.
3. Keyboard-Navigation testen. Öffne deine Website und navigiere nur mit Tab, Shift+Tab, Enter und Pfeiltasten. Kommst du überall hin?
4. Sichtbarer Fokus-Indikator. Wenn du Tab drückst, muss immer sichtbar sein, welches Element gerade fokussiert ist. CSS outline: none ohne Ersatz ist ein Fehler.
5. Semantisches HTML. Überschriften in richtiger Reihenfolge (h1, h2, h3). Keine Überschriften nur für Styling. Listen als <ul> oder <ol>, nicht als Divs.
6. Formular-Labels. Jedes Eingabefeld braucht ein sichtbares Label, das programmatisch mit dem Feld verbunden ist (for-Attribut oder ARIA).
7. Sprache im HTML angeben. <html lang="de"> ist Pflicht. Abschnitte in einer anderen Sprache ebenfalls auszeichnen.
8. Videos mit Untertiteln. Eigene Videos müssen Untertitel haben. Bei Einbindung fremder Videos (z.B. YouTube) mindestens darauf hinweisen.
9. Erklärung zur Barrierefreiheit. Ein öffentlich zugängliches Dokument, das den Stand der Konformität, bekannte Einschränkungen und einen Feedback-Kanal beschreibt.
10. Touch-Targets groß genug. Buttons und Links mindestens 44 x 44 CSS-Pixel. Besonders wichtig für mobile Nutzerinnen und Nutzer.

Was passiert bei Verstößen?

Das BFSG ist kein zahnloses Gesetz. Der Gesetzgeber hat klare Sanktionen vorgesehen.

Bußgelder bis 100.000 Euro

Zuständig für die Marktüberwachung sind die Länder. Die zuständigen Behörden können bei Verstößen Bußgelder von bis zu 100.000 Euro verhängen. Hinzu kommen können Anordnungen, das Produkt oder die Dienstleistung vom Markt zu nehmen.

Abmahnrisiko durch Mitbewerber

Der gefährlichere Weg in der Praxis: Die Barrierefreiheitspflicht gilt als Marktverhaltensregel im Sinne des UWG. Das bedeutet, Mitbewerber und Verbraucherschutzverbände können Verstöße abmahnen. Anwaltskosten und Unterlassungserklärungen kommen schnell auf mehrere tausend Euro.

Beschwerdeverfahren

Betroffene Personen können beim Schlichtungsverfahren der Schlichtungsstelle BFSG Beschwerde einreichen. Das Verfahren ist kostenlos und verpflichtet Unternehmen zur Teilnahme.

So machst du deine Website barrierefrei

Der praktische Weg zur BFSG-Konformität besteht aus drei Schritten.

Schritt 1: Status quo ermitteln

Bevor du anfängst zu reparieren, musst du wissen, wo du stehst. Nutze automatisierte Tools für eine erste Einschätzung:

• WAVE (Web Accessibility Evaluation Tool): Browser-Erweiterung, zeigt Fehler direkt auf der Seite
• axe DevTools: Chrome-Erweiterung, detaillierte Fehlerliste mit Lösungshinweisen
• Lighthouse: Integriert in Chrome DevTools, gibt einen Accessibility-Score
• Colour Contrast Analyser: Desktop-App für präzise Kontrastmessungen

Automatisierte Tools finden etwa 30 bis 40 Prozent aller Barrieren. Für eine vollständige Prüfung sind manuelle Tests mit Screen-Reader (NVDA kostenlos, VoiceOver auf macOS) und Keyboard-Navigation nötig.

Schritt 2: Fehler beheben und dokumentieren

Priorisiere nach Impact: Was hindert Menschen am meisten daran, deine Seite zu nutzen? Formulare ohne Labels, fehlende Alt-Texte und schlechte Kontraste treffen die größte Anzahl an Menschen.

Führe dabei ein einfaches Dokument, in dem du festhältst: welche Barrieren du gefunden hast, welche du behoben hast und welche du (noch) nicht beheben kannst und warum. Dieses Dokument wird zur Grundlage deiner Erklärung zur Barrierefreiheit.

Schritt 3: Erklärung zur Barrierefreiheit veröffentlichen

Pflicht für alle verpflichteten Unternehmen ist eine öffentlich zugängliche Erklärung zur Barrierefreiheit auf der Website. Sie enthält:

• Konformitätsstatus (vollständig konform, teilweise konform, nicht konform)
• Bekannte Einschränkungen und warum sie (noch) bestehen
• Feedback-Mechanismus: Wie können Nutzerinnen und Nutzer Barrieren melden?
• Datum der letzten Überprüfung

Neu gebaute Website: Einmal richtig machen

Wenn du eine neue Website bauen lässt, ist Barrierefreiheit kein teures Add-on, sondern eine Frage der richtigen Entwicklungspraxis. Semantisches HTML, korrekte Überschriftenstruktur, ARIA-Labels, lokale Fonts mit guten Kontrasten: Das kostet bei einem professionellen Anbieter keinen Cent extra, weil es Best Practice ist. Alle Pakete von KI-WebSichtbar sind standardmäßig WCAG 2.1 AA konform gebaut.

FAQ

Ab wann gilt das BFSG?

Das Barrierefreiheitsstärkungsgesetz (BFSG) gilt für neue digitale Produkte und Dienstleistungen ab dem 28. Juni 2025. Bestehende Produkte haben bis zum 28. Juni 2030 Zeit für die Umstellung.

Gilt das BFSG auch für kleine Unternehmen?

Es gibt eine Micro-Ausnahme: Unternehmen mit weniger als 10 Mitarbeitenden UND einem Jahresumsatz oder einer Bilanzsumme von höchstens 2 Millionen Euro sind vom BFSG ausgenommen. Beide Bedingungen müssen gleichzeitig erfüllt sein.

Was bedeutet WCAG 2.1 AA für meine Website?

WCAG 2.1 AA ist der international anerkannte Standard für barrierefreie Websites. Er umfasst vier Prinzipien: Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit. Konkret bedeutet das: ausreichende Farbkontraste (4,5:1), Textalternativen für Bilder, Keyboard-Navigation, keine blinkenden Inhalte und mehr.

Betrifft das BFSG auch B2B-Websites?

Nein. Das BFSG gilt nur für B2C-Produkte und B2C-Dienstleistungen, die an Verbraucherinnen und Verbraucher gerichtet sind. Reine B2B-Websites, also solche die ausschließlich an Unternehmen adressiert sind, fallen nicht unter die Pflicht.

Was passiert bei Verstößen gegen das BFSG?

Bei Verstößen drohen Bußgelder von bis zu 100.000 Euro. Zuständig sind die Marktüberwachungsbehörden der Länder. Zusätzlich können Wettbewerber und Verbände Abmahnungen aussprechen, da die Barrierefreiheitspflicht als Marktverhaltensregel eingestuft wird.

Muss ich eine Erklärung zur Barrierefreiheit veröffentlichen?

Ja. Verpflichtete Unternehmen müssen eine öffentlich zugängliche Erklärung zur Barrierefreiheit auf ihrer Website veröffentlichen. Darin werden der Stand der Konformität, bekannte Einschränkungen und ein Feedback-Mechanismus dokumentiert.

Fazit

Das BFSG ist kein bürokratisches Randthema. Es betrifft alle B2C-Unternehmen, die ab Juni 2025 neue digitale Produkte oder Dienstleistungen anbieten, sofern sie nicht unter die Micro-Ausnahme fallen.

Der geforderte Standard, WCAG 2.1 AA, klingt technisch, ist aber in weiten Teilen gute Webentwicklungspraxis: semantisches HTML, ausreichende Kontraste, funktionierende Keyboard-Navigation, beschreibende Alt-Texte. Wer eine neue Website bauen lässt, sollte darauf bestehen, dass Barrierefreiheit von Anfang an eingebaut ist. Nachträglich reparieren kostet ein Vielfaches.

Für bestehende Websites gibt es bis 2030 Zeit. Aber das Abmahnrisiko beginnt bereits ab Juni 2025. Wer B2C-Dienstleistungen anbietet und mehr als 10 Mitarbeitende hat, sollte jetzt handeln.

Du willst wissen, ob deine Website WCAG 2.1 AA erfüllt? Starte unseren kostenlosen Barrierefreiheit-Check oder buche ein Erstgespräch, um deine Website prüfen zu lassen.