BFSG für E-Commerce — Was Online-Händler beachten müssen 2026

Seit dem 28. Juni 2025 ist das Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft — und es betrifft alle Online-Händler, die Produkte oder Dienstleistungen in Deutschland anbieten. E-Commerce-Websites und -Apps müssen jetzt barrierefrei sein. Wer die Anforderungen nicht erfüllt, riskiert Bußgelder bis zu €100.000 und Abmahnungen.

Dieser vollständige Leitfaden erklärt alles, was Online-Händler über das BFSG wissen müssen — von den konkreten Anforderungen über häufige Verstöße bis hin zur praktischen Umsetzung.

Welche Online-Shops sind vom BFSG betroffen?

Das BFSG gilt für alle E-Commerce-Websites und -Apps, über die Produkte oder Dienstleistungen an Verbraucher verkauft werden. Das betrifft:

• Alle Online-Shops — unabhängig von der Größe (Ausnahmen für Mikrounternehmen möglich)
• Mobile Shopping-Apps — iOS und Android Apps mit Kauf-Funktion
• Marktplatz-Verkäufer — Verkäufer auf Amazon, eBay, Etsy usw. (wenn sie in Deutschland verkaufen)
• Buchungssysteme — Hotels, Restaurants, Friseure, Ärzte mit Online-Buchung
• Ticket-Shops — Veranstaltungen, Konzerte, Sportevents
• Abonnement-Dienste — Streaming, Software-as-a-Service, Mitgliedschaften

Nicht betroffen sind:

• Reine Informationsseiten ohne E-Commerce-Funktionalität
• Mikrounternehmen mit weniger als 10 Mitarbeitern und Jahresumsatz unter €2 Millionen (Ausnahmen möglich)

BFSG-Anforderungen für Online-Shops

Die technischen Anforderungen des BFSG basieren auf WCAG 2.1 Level AA. Für Online-Shops sind diese Kriterien besonders wichtig:

1. Produktbilder — Alt-Text (1.1.1)

Anforderung: Alle Produktbilder müssen alternativen Text haben. Screenreader müssen beschreiben können, was auf dem Bild zu sehen ist.

Beispiel:
<img src="produkt.jpg" alt="Rote Lederhandtasche mit goldenem Verschluss">

Häufiger Fehler: Fehlender Alt-Text bei Produktbildern. Screenreader sagen nur "Bild".

2. Farbkontraste (1.4.3)

Anforderung: Der Kontrast zwischen Text und Hintergrund muss mindestens 4.5:1 betragen. Das gilt besonders für:

• Preisangaben
• "In den Warenkorb" Buttons
• Rabatt- und Aktionshinweise
• Bewertungen und Sterne

Häufiger Fehler: Graue Buttons auf hellen Hintergründen — Kontrast unter 4.5:1.

3. Tastaturzugänglichkeit (2.1.1)

Anforderung: Der gesamte Shop muss nur mit der Tastatur bedienbar sein. Kunden müssen mit Tab, Enter und Pfeiltasten durch den gesamten Shop navigieren können — vom Produktkatalog bis zum Checkout.

Häufiger Fehler: Dropdown-Menüs, die nur mit der Maus geöffnet werden können.

4. Formularbeschriftungen (3.3.2)

Anforderung: Alle Formularfelder (Name, Adresse, E-Mail, Zahlungsinformationen) müssen sichtbare Beschriftungen haben.

Beispiel:
<label for="email">E-Mail-Adresse</label>
<input type="email" id="email">

Häufiger Fehler: Formularfelder ohne Labels oder mit Platzhaltern als einziger Beschriftung.

5. Barrierefreier Checkout-Prozess

Anforderung: Der gesamte Checkout-Prozess muss barrierefrei sein — vom Warenkorb bis zur Bestellbestätigung.

Prüfpunkte:

• Alle Formularfelder sind beschriftet
• Fehlermeldungen sind klar und werden von Screenreadern erkannt
• Der gesamte Prozess ist per Tastatur bedienbar
• Der "Kaufen" Button ist gut sichtbar und beschriftet

6. Warenkorb und Bestellübersicht

Anforderung: Der Warenkorb und die Bestellübersicht müssen für Screenreader-Nutzer verständlich sein.

Prüfpunkte:

• Produktnamen und Preise sind klar strukturiert
• Mengenänderungen sind per Tastatur möglich
• Der "Entfernen" Button hat einen beschreibenden Linktext

BFSG-Checkliste für Online-Shops

Häufige BFSG-Verstöße im E-Commerce

1. Fehlender Alt-Text bei Produktbildern

Problem: Produktbilder ohne Alt-Text — Screenreader sagen nur "Bild".

Lösung: Fügen Sie beschreibenden Alt-Text zu allen Produktbildern hinzu.

2. Zu geringer Farbkontrast bei Buttons

Problem: "In den Warenkorb" Buttons mit geringem Kontrast.

Lösung: Verwenden Sie dunklere Farben für Buttons und erhöhen Sie den Kontrast auf 4.5:1.

3. Nicht bedienbare Dropdown-Menüs

Problem: Dropdown-Menüs können nur mit der Maus geöffnet werden.

Lösung: Implementieren Sie Tastaturunterstützung für alle Menüs (Enter zum Öffnen, Pfeiltasten zur Navigation).

4. Unbeschriftete Formularfelder

Problem: Formularfelder ohne Labels oder nur mit Platzhaltern.

Lösung: Verwenden Sie sichtbare <label>-Elemente für jedes Formularfeld.

5. Fehlender Fokusindikator

Problem: Nutzer können nicht erkennen, welches Element fokussiert ist.

Lösung: Fügen Sie sichtbare Fokusindikatoren hinzu: a:focus, button:focus { outline: 2px solid #3b82f6; }

So erreichen Sie BFSG-Konformität — Schritt für Schritt

Schritt 1: BFSG-Check durchführen

Nutzen Sie unseren kostenlosen BFSG-Checker, um Ihre Website auf WCAG 2.1 Level AA zu testen.

Schritt 2: Kritische Verstöße beheben

Konzentrieren Sie sich zuerst auf die Verstöße, die am häufigsten zu Abmahnungen führen: fehlender Alt-Text, fehlende Formularbeschriftungen und fehlende Tastaturzugänglichkeit.

Schritt 3: Barrierefreiheitserklärung erstellen

Erstellen Sie eine Barrierefreiheitserklärung für Ihre Website. Dies ist rechtlich erforderlich und zeigt Ihre Compliance-Bemühungen.

Schritt 4: Regelmäßige Prüfungen

Führen Sie monatliche BFSG-Prüfungen durch, um neue Verstöße zu erkennen.

Häufig gestellte Fragen — BFSG für E-Commerce

Interne Links — BFSG-Ressourcen