Barrierefreiheit für Online-Shops: Was Sie prüfen und beheben sollten

Warum Online-Shops betroffen sind

Wer im Internet an Verbraucher verkauft, erbringt eine Dienstleistung im elektronischen Geschäftsverkehr. Genau dafür gilt seit dem 28. Juni 2025 das Barrierefreiheitsstärkungsgesetz. Ausgenommen sind nur Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme.

Dazu kommt ein einfacher Grund: Jede Barriere im Shop ist ein Kunde, der nicht kaufen kann.

Wo Shops typischerweise Barrieren haben

In Shops finden wir immer wieder dieselben Fehler:

• Produktbilder ohne Textalternative. Ein Screenreader liest nur „Bild“ oder einen Dateinamen vor.
• Zu blasser Text. Alte Preise, Lieferhinweise und Platzhalter in Formularen haben oft zu wenig Kontrast.
• Formularfelder ohne Beschriftung. Ein Platzhalter wie „E-Mail-Adresse“ verschwindet beim Tippen und ersetzt keine Beschriftung.
• Symbole ohne Namen. Warenkorb, Suche und Social-Media-Links sind oft nur ein Symbol, das ein Screenreader als „Link“ oder „Button“ ohne Bedeutung vorliest.
• Kein sichtbarer Fokus. Wer mit der Tastatur navigiert, sieht nicht, wo er gerade ist.
• Zu kleine Klickflächen. Plus- und Minus-Buttons bei der Menge sind auf dem Handy schwer zu treffen.

Die meisten Fehler sitzen im Theme

Ob Shopify, Shopware oder WooCommerce: Ein Fehler in der Produktkachel, der Navigation oder der Fußzeile steht auf jeder Seite, die diese Vorlage nutzt. Aus einem Fehler werden so schnell Hunderte Stellen.

Luentis gruppiert die Befunde deshalb nach Vorlage. Sie sehen nicht 46 einzelne Bilder ohne Alternativtext, sondern einen Fehler in der Produktkachel, der auf 9 Seiten vorkommt, und den Code, mit dem Sie ihn dort beheben.

Was der Scan nicht abdeckt

Ehrlich gesagt: Ein automatischer Scan sieht nicht alles.

• Seiten hinter einem Login, etwa das Kundenkonto und die letzten Schritte im Checkout, prüfen wir nicht.
• Zahlungsseiten von Drittanbietern liegen nicht in Ihrer Hand und nicht in unserem Scan.
• Ob ein Alternativtext sinnvoll ist oder ob der Bestellvorgang mit der Tastatur funktioniert, beurteilt ein Mensch. Unsere geführte Prüfung hilft Ihnen dabei.

So gehen Sie vor

1. Prüfen Sie Ihre Startseite kostenlos. Sie sehen die Punktzahl und die wichtigsten Fehler in unter einer Minute.
2. Mit der Einzelprüfung prüfen wir bis zu 250 Seiten auf Desktop und Mobil und zeigen jeden Fehler mit einer Korrektur in Code.
3. Geben Sie den Bericht Ihrer Agentur oder Ihren Entwicklern. Die Korrekturen gehören ins Theme.
4. Beantworten Sie die geführte Prüfung und veröffentlichen Sie die Erklärung zur Barrierefreiheit.

Wie ein solcher Bericht aussieht, zeigt unser Beispielbericht für einen erfundenen Möbelshop.