BFSG Checkliste 2026: Die 10 kritischen Prüfpunkte für Online-Shops

Das BFSG (Barrierefreiheitsstärkungsgesetz) gilt seit dem 28. Juni 2025. Wenn Sie einen Online-Shop betreiben, müssen Sie bestimmte Barrierefreiheits-Anforderungen erfüllen. Diese Checkliste zeigt die 10 kritischsten Prüfpunkte.

Die 10 kritischen Prüfpunkte

1. Alt-Texte für alle Bilder

Anforderung: Jedes Bild, das Informationen vermittelt, braucht einen beschreibenden Alt-Text.

Warum kritisch: Screenreader lesen Alt-Texte vor. Ohne sie sind Produktbilder für blinde Nutzer unsichtbar.

So prüfen Sie:

• Rechtsklick auf Bild → "Untersuchen"
• Suchen Sie nach alt="..."
• Der Text sollte das Bild beschreiben (nicht "Bild" oder "IMG_1234.jpg")

Häufige Fehler:

• Fehlende Alt-Texte bei Produktbildern
• Generische Texte wie "Produktfoto"
• Alt-Texte bei dekorativen Bildern (sollten leer sein: alt="")

---

2. Farbkontrast mindestens 4.5:1

Anforderung: Text muss sich ausreichend vom Hintergrund abheben (WCAG AA: 4.5:1 für normalen Text).

Warum kritisch: Menschen mit Sehbehinderung oder Farbenblindheit können kontrastarmen Text nicht lesen.

So prüfen Sie:

• WAVE Extension installieren → "Contrast" Tab
• Oder: WebAIM Contrast Checker (online)
• Prüfen Sie besonders: graue Texte, farbige Buttons, Platzhalter-Text in Formularen

Häufige Fehler:

• Hellgrauer Text auf weißem Hintergrund
• Weiße Schrift auf bunten Buttons
• Platzhalter in Eingabefeldern

---

3. Tastaturbedienbarkeit

Anforderung: Alle interaktiven Elemente müssen per Tastatur bedienbar sein.

Warum kritisch: Menschen mit motorischen Einschränkungen nutzen keine Maus. Auch Screenreader-Nutzer navigieren per Tastatur.

So prüfen Sie:

• Drücken Sie Tab, um durch die Seite zu navigieren
• Können Sie alle Buttons, Links und Formulare erreichen?
• Können Sie den Warenkorb-Button per Enter aktivieren?
• Ist der Fokus immer sichtbar (Outline)?

Häufige Fehler:

• Custom-Buttons ohne Keyboard-Support
• Dropdown-Menüs nur mit Maus bedienbar
• Modals, die sich nicht per Escape schließen lassen
• Unsichtbarer Fokus-Indikator

---

4. Überschriften-Hierarchie

Anforderung: Überschriften müssen logisch strukturiert sein (H1 → H2 → H3, keine Ebenen überspringen).

Warum kritisch: Screenreader-Nutzer navigieren über Überschriften. Eine falsche Hierarchie verwirrt.

So prüfen Sie:

• WAVE Extension → "Structure" Tab
• Prüfen Sie: Gibt es genau eine H1? Folgen H2 auf H1 (nicht H3)?

Häufige Fehler:

• Mehrere H1-Überschriften pro Seite
• H1 nur für das Logo (statt Seitentitel)
• H3 direkt nach H1 (H2 fehlt)
• Überschriften nur für Styling verwendet

---

5. Formulare mit Labels

Anforderung: Jedes Eingabefeld braucht ein zugeordnetes Label.

Warum kritisch: Screenreader lesen das Label vor. Ohne Label wissen blinde Nutzer nicht, was sie eingeben sollen.

So prüfen Sie:

• Klicken Sie auf das Label-Text – springt der Cursor ins Feld?
• Oder: Untersuchen → Hat das Input ein <label for="..."> oder aria-label?

Häufige Fehler:

• Platzhalter statt Labels (Platzhalter verschwinden beim Tippen)
• Labels visuell versteckt, aber nicht für Screenreader
• Mehrere Felder ohne eindeutige Zuordnung

---

6. Fehlerkennung und -korrektur

Anforderung: Formularfehler müssen klar angezeigt und beschrieben werden.

Warum kritisch: Nutzer müssen verstehen, was falsch ist und wie sie es korrigieren können.

So prüfen Sie:

• Senden Sie ein Formular mit fehlenden/falschen Daten ab
• Wird der Fehler beim Feld angezeigt (nicht nur oben)?
• Ist die Fehlermeldung verständlich?
• Wird der Fehler auch für Screenreader angekündigt?

Häufige Fehler:

• Nur rote Umrandung ohne Erklärung
• Fehlermeldungen nur am Seitenanfang
• Keine Hilfe zur Korrektur ("Ungültig" statt "Bitte geben Sie eine gültige E-Mail-Adresse ein")

---

7. Link-Texte sind verständlich

Anforderung: Links müssen auch ohne Kontext verständlich sein.

Warum kritisch: Screenreader-Nutzer können sich alle Links einer Seite auflisten lassen. "Hier klicken" sagt nichts aus.

So prüfen Sie:

• Lesen Sie nur die Link-Texte – verstehen Sie, wohin sie führen?

Häufige Fehler:

• "Hier klicken", "Mehr erfahren", "Weiterlesen"
• Links nur als Icons ohne Text
• Identische Linktexte für verschiedene Ziele

---

8. Sprache der Seite definiert

Anforderung: Die Hauptsprache der Seite muss im HTML-Code angegeben sein.

Warum kritisch: Screenreader nutzen die Spracheinstellung für korrekte Aussprache.

So prüfen Sie:

• Rechtsklick → "Seitenquelltext anzeigen"
• Suchen Sie: <html lang="de"> (oder entsprechende Sprache)

Häufige Fehler:

• Fehlende lang-Attribut
• Falsche Sprache (lang="en" auf deutscher Seite)
• Sprachwechsel im Text nicht markiert

---

9. Bewegte Inhalte steuerbar

Anforderung: Automatisch startende Animationen, Videos oder Slider müssen pausierbar sein.

Warum kritisch: Bewegte Inhalte können Menschen mit Aufmerksamkeitsstörungen oder Epilepsie beeinträchtigen.

So prüfen Sie:

• Gibt es einen sichtbaren Pause-Button?
• Laufen Slider automatisch? Können sie gestoppt werden?
• Pausieren Videos beim Mouseover oder nur bei Klick?

Häufige Fehler:

• Automatisch startende Videos ohne Pause
• Slider ohne Steuerungsmöglichkeit
• Blinkende Banner ohne Stopp-Option

---

10. Keine Zeitlimits ohne Warnung

Anforderung: Wenn Sitzungen oder Vorgänge zeitbegrenzt sind, müssen Nutzer gewarnt werden und Zeit verlängern können.

Warum kritisch: Menschen mit Behinderungen brauchen oft mehr Zeit für Eingaben.

So prüfen Sie:

• Gibt es einen Warenkorb-Timeout?
• Werden Nutzer vor Ablauf gewarnt?
• Können sie die Zeit verlängern?

Häufige Fehler:

• Warenkorb-Inhalte verschwinden ohne Warnung
• Checkout-Timeout ohne Verlängerungsoption
• Session läuft ab während einer Eingabe

---

Zusammenfassung: Die Checkliste

---

Was diese Checkliste nicht abdeckt

Diese Liste enthält die häufigsten und kritischsten Fehler. Das vollständige BFSG/WCAG 2.1 AA umfasst deutlich mehr Kriterien:

• Audiodeskription für Videos
• Untertitel für gesprochene Inhalte
• Konsistente Navigation
• Keine Tastenfallen
• Und viele weitere...

Für eine vollständige Compliance-Prüfung empfehlen wir:

1. Automatisierte Scans für die technischen Kriterien
2. Manuelle Tests für Tastatur und Screenreader
3. Bei Bedarf: Fachgutachten