Barrierefreiheit im Shop: was seit Juni 2025 gilt

Trifft es deinen Shop?

Das Gesetz nennt „Dienstleistungen im elektronischen Geschäftsverkehr“. Gemeint ist eine Website oder App, über die ein Verbraucher einen Vertrag schließt. Ein Shop fällt also darunter, auch wenn deine Produkte selbst gar nicht im Gesetz stehen. Das gilt genauso für Terminbuchungen.

Ausgenommen sind nur Kleinstunternehmen, die Dienstleistungen anbieten. Dein Shop ist eine solche Dienstleistung. Kleinst heißt: weniger als 10 Beschäftigte und dazu entweder höchstens 2 Millionen Euro Jahresumsatz oder höchstens 2 Millionen Euro Bilanzsumme. Die Ausnahme gilt für Dienstleistungen, nicht für Produkte. Stellst du selbst Geräte her, die im Gesetz stehen, etwa E-Book-Reader, gilt sie dafür nicht.

• Betroffen: dein eigener Shop mit Warenkorb und Kasse, eine App zum Bestellen, eine Seite zum Termine buchen.
• Nicht betroffen: ein Shop nur für Geschäftskunden, weil dort kein Verbrauchervertrag geschlossen wird.
• Wohl nicht betroffen: eine reine Präsentationsseite ohne Bestellmöglichkeit. So sieht es die Bundesfachstelle Barrierefreiheit.
• Nicht erfasst sind Inhalte von Dritten, die du weder bezahlst noch kontrollierst, und Videos oder Office-Dateien, die vor dem 28. Juni 2025 veröffentlicht wurden.

Was dein Shop konkret können muss

Die Verordnung zum Gesetz sagt: Deine Seiten müssen wahrnehmbar, bedienbar, verständlich und robust sein. Das sind die vier Grundsätze der WCAG, der Richtlinien für barrierefreie Webinhalte. Die Bundesfachstelle Barrierefreiheit verweist für Shops auf die Norm EN 301 549. Die verlangt für Websites die WCAG auf den Stufen A und AA. Und es geht um den ganzen Shop, nicht nur um den Weg zur Kasse.

Für Shops nennt die Verordnung zusätzlich drei Dinge: Anmeldung, Sicherheitsabfragen und Bezahlung müssen genauso barrierefrei sein. Und wenn der Hersteller dir Angaben zur Barrierefreiheit eines Produkts liefert, gehören sie in dein Angebot.

• Tastatur: Alles lässt sich ohne Maus bedienen, vom Menü über die Filter bis zum Bezahlknopf. Du siehst immer, wo du gerade bist (sichtbarer Fokus).
• Kontrast: Normaler Text hat mindestens 4,5 zu 1 zum Hintergrund. Knöpfe, Eingabefelder und Symbole mindestens 3 zu 1.
• Bilder: Jedes Produktbild hat eine Beschreibung (Alt-Text), die sagt, was zu sehen ist. Reine Schmuckbilder bekommen eine leere.
• Formulare: Jedes Feld hat eine sichtbare Beschriftung. Fehler werden in Worten genannt, nicht nur rot eingefärbt.
• Knöpfe und Links haben einen Namen. Ein Warenkorb-Symbol ohne Text ist für einen Screenreader ein leerer Knopf.
• Checkout: Anmeldung, Adresseingabe, Zahlungsarten und Bestätigung funktionieren mit Tastatur und Screenreader. Auch die eingebundenen Zahlungsfenster.
• Sprache: Im Seitenkopf steht, in welcher Sprache die Seite ist. Sonst kann der Screenreader deutschen Text mit englischer Aussprache vorlesen.

Die Erklärung zur Barrierefreiheit

Du musst öffentlich beschreiben, wie dein Shop die Anforderungen erfüllt. Das Gesetz erlaubt dafür deine AGB oder eine andere deutlich sichtbare Stelle. Am einfachsten ist eine eigene Seite, verlinkt im Fußbereich. Diese Seite muss selbst barrierefrei sein, und sie gehört zu den Seiten, die die Behörde bei einer Prüfung ansieht.

• Eine allgemeine Beschreibung deines Angebots in barrierefreier Form.
• Was man wissen muss, um den Shop zu benutzen, etwa wie Bestellung und Bezahlung ablaufen.
• Wie dein Shop die Anforderungen erfüllt. Ehrlich, auch mit dem, was noch nicht geht.
• Die zuständige Marktüberwachungsbehörde, in Deutschland die MLBF in Magdeburg.

Wer prüft und was dann passiert

Die Länder haben dafür eine gemeinsame Behörde gegründet: die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen, kurz MLBF, in Magdeburg. Sie prüft Shops auch ohne Anlass per Stichprobe. Und jeder Kunde, der deinen Shop nicht nutzen kann, darf bei ihr einen Antrag stellen. Anerkannte Verbände dürfen das auch.

Bei einer Prüfung geht die Behörde alle Schritte einer Bestellung in der üblichen Reihenfolge durch. Dazu die Startseite, Anmeldung, Kontakt, Hilfe, die Rechtstexte, deine Erklärung zur Barrierefreiheit und zufällig ausgewählte weitere Seiten.

Findet sie Mängel, setzt sie dir zuerst eine Frist. Reicht das nicht, droht sie die Untersagung an und kann dir am Ende verbieten, den Shop weiter zu betreiben. Dazu kann ein Bußgeld bis 100.000 Euro kommen.

Warum ein Overlay nicht hilft

Overlays sind Skripte, die ein Symbol mit Einstellungen über deinen Shop legen: größere Schrift, anderer Kontrast, Vorlesen. Sie versprechen Barrierefreiheit per Knopfdruck. Das hält nicht.

Der Deutsche Blinden- und Sehbehindertenverband schreibt, Overlays könnten eine Website nach heutigem Stand nicht von außen barrierefrei machen, gerade für blinde Menschen nicht. In den USA musste der Anbieter accessiBe 1 Million Dollar zahlen, weil er behauptet hatte, sein Werkzeug mache jede Website WCAG-konform. Die Handelsbehörde FTC nannte das irreführend.

Blinde Menschen haben ihren eigenen Screenreader. Sie brauchen kein zweites Vorlesewerkzeug, sondern einen Shop, dessen Code sauber ist: echte Knöpfe, beschriftete Felder, Bilder mit Beschreibung. Das muss im Shop selbst stimmen.

Die häufigsten Fehler und wo du anfängst

WebAIM prüft jedes Jahr die Startseiten der eine Million meistbesuchten Websites automatisch. Im Februar 2026 hatten 95,9 Prozent erkennbare WCAG-Fehler. Sechs Fehler machen 96 Prozent aller Funde aus, und es sind seit Jahren dieselben. Das sind keine reinen Shop-Zahlen, aber die Fehler sind genau die, die auch in Shops stecken.

1. 1

   Zu wenig Kontrast

   Bei 83,9 Prozent der Seiten. Hellgraue Schrift auf Weiß, weiße Schrift auf Produktfotos. Prüf deine Farben mit einem Kontrastrechner.

2. 2

   Bilder ohne Beschreibung

   Bei 53,1 Prozent. In Shops meist die Produktbilder. Jedes Shopsystem hat dafür ein Feld beim Bild.

3. 3

   Felder ohne Beschriftung

   Bei 51 Prozent. Oft das Suchfeld oder der Newsletter, wo nur ein grauer Platzhalter im Feld steht.

4. 4

   Leere Links und Knöpfe

   Bei 46,3 und 30,6 Prozent. Symbole für Warenkorb, Konto, Menü oder Schließen ohne Namen.

5. 5

   Keine Sprache angegeben

   Bei 13,5 Prozent. Eine einzige Angabe im Seitenkopf, meist im Theme.

6. 6

   Selbst durchklicken

   Leg die Maus weg und kauf mit der Tastatur ein Produkt, bis zur Bestätigung. Wo du hängen bleibst, bleibt auch dein Kunde hängen.