Live-Demo · Fiktiver Beispiel-Shop

Zwei fast identisch aussehende Shops. Einer hat 56 messbare Fehler, einer null.

Wir haben eine typische Shop-Seite („Rösterei Hafenblick", frei erfunden) mit den häufigsten Barrierefreiheits-Fehlern gebaut — und sie dann saniert. Optisch ändert sich fast nichts. Für Menschen mit Screenreader, Tastaturbedienung oder Sehschwäche ist es der Unterschied zwischen „kann bestellen" und „kommt nicht durch".

Der Hintergrund: Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG). Onlineshops müssen barrierefrei sein — sonst drohen Bußgelder bis 100.000 € und Abmahnungen.

Vorher: typischer Shop-Zustand

56 Fehler

So sehen viele deutsche Onlineshops heute aus — funktioniert für die meisten Kunden, schließt aber bis zu 10 % der Kundschaft aus. Seit dem 28.06.2025 verstößt das gegen das BFSG.

Fehlerhafte Version ansehen

Nachher: saniert

0 Fehler

Fast gleiche Optik — aber jedes Bild beschrieben, jedes Formularfeld beschriftet, jeder Kontrast lesbar, alles per Tastatur bedienbar.

Sanierte Version ansehen

Machen Sie den 10-Sekunden-Test:

Öffnen Sie die fehlerhafte Version und drücken Sie ein paar Mal die Tab-Taste — Sie sehen nie, wo Sie gerade sind. In der sanierten Version zeigt ein deutlicher Rahmen jeden Schritt. Genau so erleben Kunden ohne Maus einen Shop. Und: Diesen Fehler findet kein automatischer Scanner — er fällt nur bei manueller Prüfung auf. Zweiter Blick: Vergleichen Sie die grauen Produkttexte im oberen Bereich — links blass, rechts lesbar.

Was genau behoben wurde

Automatisch messbare WCAG-Verstöße vor und nach der Sanierung
Problem	Vorher	Nachher
Zu geringe Farbkontraste — Text für Sehschwache schwer lesbar	21	0
Bilder ohne Beschreibung — für Screenreader unsichtbar	8	0
Formularfelder ohne Beschriftung (Suche, Newsletter, Kontakt)	9	0
Links & Buttons ohne erkennbaren Namen (Icons, Social Media)	5	0
Menü-Links, die ins Leere zeigen	5	0
Doppelte IDs im Code — verwirrt Hilfstechnologien	5	0
Weitere Struktur-Fehler (Sprache, Formular-Gruppierung)	3	0

Gemessen mit pa11y (HTML_CodeSniffer), einem etablierten Open-Source-Prüfwerkzeug nach WCAG 2.1 AA. Dieselbe Prüfung führen wir bei Ihrem Shop durch — die Ergebnisse können Sie jederzeit selbst nachprüfen. Auch diese Seite hier: 0 automatisch messbare Fehler.

Ehrlicher Hinweis: Automatische Prüfungen finden erfahrungsgemäß nur 30–40 % aller Barrieren — „0 Fehler" heißt „automatisiert nichts mehr messbar", nicht „rechtlich unangreifbar". Genau deshalb prüfen wir in jedem Audit zusätzlich manuell mit Tastatur und Screenreader. Wer Ihnen ein Ein-Klick-Tool als Komplettlösung verkauft, verkauft Ihnen 40 %.

Kostenlosen Kurzcheck für Ihren Shop anfordern

Sie schicken uns nur Ihre Shop-URL — innerhalb von 24 Stunden erhalten Sie Ihren persönlichen Erstbefund. Kostenlos, unverbindlich, ohne Software-Installation.

Zur Einordnung: Ein vollständiges Audit mit Maßnahmenliste kostet 490 €, eine komplette Sanierung je nach Shop 1.490–2.490 € — Festpreis, kein Agentur-Stundensatz.

← Zurück zur Startseite