AusgangslageEin Shop, der verkauft, aber nicht für alle
Anwendungsfall, so gehen wir vor. Diese Seite beschreibt, wie wir ein solches Projekt für einen Onlineshop anlegen und umsetzen. Wir nennen keinen Kundennamen und keine Kennzahlen; sobald ein Projekt zur Veröffentlichung freigegeben ist, wird daraus eine Case Study mit echten Werten.
Ein Onlineshop auf WooCommerce oder Shopware, seit Jahren im Betrieb, gewachsen mit Theme, Erweiterungen und Sonderwünschen. Er verkauft ordentlich. Wer aber mit der Tastatur statt der Maus durch den Kaufprozess will, bleibt beim Größenfilter hängen. Wer einen Screenreader nutzt, hört bei den Produktbildern „Bild“ und beim Warenkorb-Button ein Icon ohne Namen.
Seit Ende Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz auch für den elektronischen Geschäftsverkehr, mit Ausnahmen für Kleinstunternehmen. Für den Shop-Betreiber heißt das: Der Kaufprozess muss barrierefrei nutzbar sein, und es braucht eine Erklärung zur Barrierefreiheit. Was genau fehlt, weiß er nicht, und die Agentur, die den Shop gebaut hat, gibt es nicht mehr.
Die Aufgabe
Herausfinden, wo der Shop steht, die Mängel nach Wirkung sortieren, das Wichtigste im Theme und im Checkout beheben und dem Betreiber Werkzeuge geben, damit neue Produkte nicht wieder neue Barrieren erzeugen.
LösungWas wir prüfen und umsetzen
Audit nach WCAG
Automatische Prüfung als Einstieg, dann manuell: mit Tastatur, mit Screenreader, mit Zoom, auf dem Handy. Geprüft wird der ganze Weg von der Startseite bis zur Bestellbestätigung, nicht nur die Startseite.
Priorisierung nach Wirkung
Zuerst, was den Kauf verhindert: Filter ohne Tastaturbedienung, Formularfelder ohne Beschriftung, Fehlermeldungen, die niemand vorgelesen bekommt. Dann Kontraste, Fokus, Struktur. Zuletzt Kosmetik.
Umsetzung im Theme
Kontraste, sichtbarer Fokus, Überschriftenstruktur, Beschriftungen, Alternativtexte, verständliche Fehlermeldungen, Bedienung ohne Maus. Im Theme und in den Erweiterungen, die es betrifft.
Checkout
Adresse, Versand, Zahlung und Bestellabschluss werden so umgebaut, dass sie mit Tastatur und Screenreader in einem Durchgang funktionieren, inklusive der Zahlungsanbieter, soweit deren Einbindung das zulässt.
Erklärung zur Barrierefreiheit
Eine Erklärung, die den tatsächlichen Stand beschreibt, was noch offen ist und wie man Barrieren melden kann. Keine Vorlage, die alles verspricht.
Redaktionsleitfaden
Alternativtexte für Produktbilder, Überschriften, Tabellen, PDFs: eine kurze Anleitung für das Team, das Produkte einpflegt, damit der Shop barrierefrei bleibt.
ErgebnisWas es bringt
Der Kaufprozess funktioniert mit Tastatur und Screenreader von Anfang bis Ende. Der Betreiber kennt den Stand seines Shops, hat eine ehrliche Erklärung zur Barrierefreiheit veröffentlicht und weiß, was beim Einpflegen neuer Produkte zu beachten ist. Nebeneffekt: Klare Struktur, Beschriftungen und Kontraste helfen allen Kunden, nicht nur denen mit Einschränkung.
Ob und in welchem Umfang das Gesetz für deinen Shop gilt, klären wir im Gespräch allgemein; eine Rechtsberatung ist das nicht. Einen ersten Eindruck vom Stand deiner Seite liefert der BFSG-Check.
AblaufSo gehen wir bei dir vor
- 1 bis 2 Wochen
Audit
Automatische und manuelle Prüfung des gesamten Kaufprozesses. Ergebnis: eine Liste der Mängel, sortiert nach Wirkung, mit Aufwandsrahmen.
- 2 bis 6 Wochen
Umsetzung
Theme, Erweiterungen und Checkout beheben, in der Reihenfolge der Liste. Mit Zwischentests, damit nichts kaputtgeht, was vorher funktioniert hat.
- 1 Woche
Nachprüfung und Erklärung
Erneuter Durchgang mit Tastatur und Screenreader, Erklärung zur Barrierefreiheit, Feedback-Weg für Nutzer.
- laufend
Barrierefrei bleiben
Leitfaden für die Redaktion, Prüfung bei Theme-Updates und neuen Erweiterungen im Rahmen der Wartung.
FAQFragen zu diesem Projekt
Wie lange dauern BFSG-Audit und Umsetzung für einen Onlineshop?
Das Audit des gesamten Kaufprozesses dauert ein bis zwei Wochen, die Umsetzung je nach Mängeln zwei bis sechs Wochen, danach folgt eine Woche für Nachprüfung und Erklärung. Die Mängelliste aus dem Audit enthält einen Aufwandsrahmen, bevor wir mit der Umsetzung beginnen.
Geht das auch mit Shopware oder nur mit WooCommerce?
Beides. Die Prüfung nach WCAG ist unabhängig vom Shopsystem, die Umsetzung findet im Theme und in den betroffenen Erweiterungen statt. Grenzen setzen manchmal eingebundene Zahlungsanbieter, deren Formulare wir nicht selbst verändern können.
Bleibt der Shop nach der Umsetzung barrierefrei?
Nur, wenn neue Inhalte mitziehen. Deshalb gibt es einen Redaktionsleitfaden für Produktbilder, Überschriften und PDFs, und bei Theme-Updates oder neuen Erweiterungen prüfen wir im Rahmen der Wartung nach.
