Barrierefreiheit im Online-Shop: Checkliste für Händler
10. August 2025 · 6 Min. Lesezeit
Online-Shops sind besonders stark vom BFSG betroffen. Der gesamte Kaufprozess – von der Produktsuche bis zum Checkout – muss barrierefrei sein. Hier die wichtigsten Punkte.
Produktbilder
- Jedes Produktbild braucht einen beschreibenden Alt-Text
- Alt-Texte sollten das Produkt beschreiben, nicht nur den Dateinamen
- Dekorative Bilder: leerer Alt-Text (
alt="") - Zoom-Funktionen müssen per Tastatur bedienbar sein
Produktbeschreibungen
- Strukturierte Überschriften (H1 für Produktname, H2 für Abschnitte)
- Ausreichende Kontraste für Preise und wichtige Informationen
- Varianten-Auswahl (Farbe, Größe) muss per Tastatur funktionieren
Warenkorb & Checkout
- Alle Formularfelder brauchen Labels (nicht nur Placeholder)
- Fehlermeldungen müssen klar und verständlich sein
- Pflichtfelder müssen als solche gekennzeichnet sein
- Die Zahlungsauswahl muss per Tastatur navigierbar sein
- Bestellbestätigungen müssen für Screenreader lesbar sein
Navigation & Suche
- Dropdown-Menüs müssen per Tastatur bedienbar sein
- Suchfeld braucht ein Label und Autovervollständigung muss zugänglich sein
- Filter müssen per Tastatur und Screenreader nutzbar sein
- Breadcrumbs helfen bei der Orientierung
Checkliste zum Abhaken
- Alle Produktbilder haben beschreibende Alt-Texte
- Farbkontraste sind mindestens 4.5:1
- Alle Formularfelder haben Labels
- Navigation ist per Tastatur bedienbar
- Überschriften haben eine logische Hierarchie
- Fehlermeldungen sind klar und spezifisch
- Die Sprache ist im HTML-Tag gesetzt (lang="de")
- Es gibt Skip-Links zum Hauptinhalt
- Videos haben Untertitel oder Transkripte
- Die Seite funktioniert ohne JavaScript (Grundfunktionen)
Automatisierter Check: Finden Sie in 30 Sekunden heraus, wo Ihr Shop steht.
Shop jetzt prüfenIhre Website auf BFSG-Konformität prüfen?
Kostenlos, ohne Anmeldung, Ergebnis in 30 Sekunden.
Jetzt kostenlos scannen