Zum Inhalt springen

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üfen

Ihre Website auf BFSG-Konformität prüfen?

Kostenlos, ohne Anmeldung, Ergebnis in 30 Sekunden.

Jetzt kostenlos scannen