ShopBarrierefrei

Fallbeispiel · Musterfall an einem Beispiel-Shop

Von 56 Verstößen auf 0 — Schritt für Schritt

So sieht eine BFSG-Sanierung bei uns konkret aus. Der folgende Fall zeigt jeden Schritt an einem typischen Onlineshop — von der ersten Prüfung bis zum Nachweis.

56 Verstöße vorher
0 Verstöße nachher
7 Werktage bis fertig

Transparenz: Dies ist unser eigener Musterfall an einem fiktiven Beispiel-Shop („Rösterei Hafenblick") — wir starten gerade, echte Kundenfälle folgen. Anders als bei erfundenen Erfolgsgeschichten sind hier alle Zahlen real und von Ihnen nachprüfbar: Öffnen Sie die Live-Demo und lassen Sie beide Versionen selbst durch einen WCAG-Prüfer laufen.

Die Ausgangslage

Ein Onlineshop, wie es tausende gibt: hübsch gestaltet, funktioniert für die meisten Kunden — und fällt beim ersten Barrierefreiheits-Test durch. Der Kurzcheck fand 56 messbare Verstöße gegen WCAG 2.1 AA. Für Kundinnen und Kunden mit Screenreader, reiner Tastaturbedienung oder Sehschwäche bedeutet das konkret: Produktbilder ohne jede Information, Formulare, die sich nicht ausfüllen lassen, Texte, die im Kontrast verschwimmen.

Die 56 Verstöße nach Kategorie — vorher und nach der Sanierung
ProblemVorherNachher
Zu geringe Farbkontraste 21 0
Bilder ohne Beschreibung 8 0
Formularfelder ohne Beschriftung 9 0
Links & Buttons ohne Namen 5 0
Menü-Links ins Leere 5 0
Doppelte IDs im Code 5 0
Weitere Struktur-Fehler 3 0
Gesamt 56 0

Unser Vorgehen in vier Schritten

  1. 1. Kostenloser Kurzcheck

    Ein automatisierter Scan der Startseite nach WCAG 2.1 AA lieferte in unter einer Minute den Erstbefund: 56 messbare Verstöße in 7 Kategorien — von unsichtbaren Bildern bis zu unbedienbaren Buttons.

  2. 2. Audit & Priorisierung

    Jeder Befund wurde geprüft, gruppiert und nach Abmahnrisiko und Aufwand sortiert. Ergebnis: eine klare Maßnahmenliste — welche Punkte zuerst, welche mit einem Handgriff, welche strukturell.

  3. 3. Umsetzung im Code

    Wir behoben die Verstöße direkt im Template: Alternativtexte für alle Bilder, sichtbare Formular-Labels, korrigierte Kontraste, saubere Tastaturbedienung, deklarierte Seitensprache. Ohne Relaunch, ohne Overlay-Widget.

  4. 4. Nachtest & Nachweis

    Ein erneuter Scan bestätigte: 0 automatisch messbare Verstöße. Dazu ein manueller Durchgang mit Tastatur und Screenreader — dokumentiert als Nachweis, falls er gegenüber einer Behörde oder Kanzlei gebraucht wird.

Das Ergebnis

Nach sieben Werktagen: 0 automatisch messbare Verstöße, geprüft mit demselben Werkzeug wie zu Beginn. Optisch hat sich fast nichts verändert — der Shop sieht aus wie vorher. Aber er ist jetzt für alle bedienbar: Jedes Bild ist beschrieben, jedes Formularfeld beschriftet, jeder Kontrast lesbar, alles per Tastatur erreichbar.

Ehrlich bleibt ehrlich: „0 messbare Verstöße" heißt „automatisiert nichts mehr auffindbar" — nicht „rechtlich unangreifbar". Automatische Prüfungen erfassen erfahrungsgemäß 30–40 % aller Barrieren. Deshalb gehört zu jeder Sanierung der manuelle Durchgang mit Tastatur und Screenreader dazu. Wer Ihnen ein Ein-Klick-Tool als Komplettlösung verkauft, verkauft Ihnen 40 %.

Sehen Sie es selbst: In der Live-Demo können Sie zwischen der fehlerhaften und der sanierten Version hin- und herschalten und beide nachprüfen.

Zur Live-Demo

Wo steht Ihr Shop?

Der erste Schritt ist der gleiche wie in diesem Fall: ein kostenloser Kurzcheck. Sie schicken uns Ihre Shop-Adresse, wir prüfen Ihre Startseite und schicken Ihnen innerhalb von 24 Stunden Ihren persönlichen Befund — kostenlos und unverbindlich.

Kostenlosen Kurzcheck anfordern

Zur Einordnung: vollständiges Audit 490 €, Sanierung je nach Shop 1.490–2.490 € — Festpreis, kein Agentur-Stundensatz.