Jedes neue Plugin, jede Theme-Änderung und jedes Werbebanner, das am Freitagnachmittag live geht, kann einen Teil dieser Korrekturen zunichtemachen. Shops, die kurz nach Geltungsbeginn geprüft wurden, sind heute oft wieder nicht konform, und niemand im Unternehmen weiß davon. Im Folgenden: wie Sie das in einer Viertelstunde selbst prüfen, was am häufigsten kaputtgeht und wie Sie Barrierefreiheit in die laufende Betreuung Ihres Shops einbinden.
Was die Vorschriften sagen, kurz gefasst
Die Richtlinie (EU) 2019/882, das Europäische Barrierefreiheitsgesetz, gilt seit dem 28. Juni 2025 in allen Mitgliedstaaten und erfasst den elektronischen Geschäftsverkehr, also Betreiber von Onlineshops, Verkaufsplattformen und Einkaufs-Apps. Ausgenommen sind Kleinstunternehmen, die Dienstleistungen erbringen, also Unternehmen mit weniger als 10 Beschäftigten, deren Jahresumsatz oder Jahresbilanzsumme 2 Mio. EUR nicht übersteigt. Ein Shop mit einem Jahresumsatz von 230.000 bis 3,5 Millionen Euro und mehr als zehn Beschäftigten fällt nicht unter diese Ausnahme.
Referenzstandard ist WCAG 2.1, in der Praxis Stufe AA, zusammen mit der Norm EN 301 549.
Was die Richtlinie nicht regelt: Welche Behörde die Aufsicht führt, wie kontrolliert wird und wie hoch Sanktionen ausfallen, wird national festgelegt und unterscheidet sich von Land zu Land. Eine einheitliche europäische Zahl gibt es hier nicht, prüfen Sie also die Vorschriften Ihres Landes und der Länder, in die Sie verkaufen.
Der Hinweis, ohne den dieser Text unredlich wäre: Wir sind keine Kanzlei, und das ist keine Rechtsberatung. Ob und in welchem Umfang diese Vorgaben für Ihr Geschäft gelten, klären Sie mit einem Anwalt.
Die Viertelstunde, die Ihnen sagt, ob Sie ein Problem haben
Sie brauchen dafür kein Werkzeug und keinen Berater. Sie brauchen eine Tastatur und eine Viertelstunde.
Schieben Sie die Maus beiseite und fassen Sie sie nicht an. Öffnen Sie die Startseite und gehen Sie den gesamten Kaufweg ausschließlich mit Tab, Umschalt mit Tab, Enter und Leertaste. Schließen Sie das Cookie-Fenster. Öffnen Sie eine Kategorie, rufen Sie eine Produktseite auf, wählen Sie eine Variante, legen Sie sie in den Warenkorb, gehen Sie zur Kasse, füllen Sie die Daten aus, wählen Sie den Versand und erreichen Sie die Zahlung. Wenn Sie irgendwo hängen bleiben, wenn Sie nicht sehen, auf welchem Element Sie gerade sind, oder wenn der Fokus in ein Fenster fällt, das Sie nicht mehr verlassen können, haben Sie Ihre Antwort. Dafür brauchen Sie keinen Bericht.
Der zweite Test dauert eine Minute: Vergrößern Sie die Seite auf 200 Prozent. Prüfen Sie, ob sich Texte überlagern, ob Schaltflächen aus dem Bildschirm laufen und ob sich der Kauf abschließen lässt. Dritter Test: Schalten Sie im Browser das Laden von Bildern ab und sehen Sie sich eine Produktseite und eine Kategorieliste an. Was auf dem Bildschirm übrig bleibt, entspricht ungefähr dem, was eine Person mit Screenreader bekommt. Wenn dort Dateinamen oder leere Flächen stehen, gibt es keine Alternativtexte.
Zehn Dinge, die Barrierefreiheit in Shops am häufigsten zerstören
- Fehlende Alternativtexte bei Produktbildern. Meist, weil der Import vom Großhändler sie nie füllt und niemand festgelegt hat, wer sie schreibt.
- Zu geringer Kontrast bei Texten und Schaltflächen. Die Rekorde fallen auf Werbebannern: weißer Text auf hellem Foto, grauer Preis auf Beige.
- Formularfelder ohne zugeordnete Labels. Optisch ist die Beschriftung da, technisch gehört sie nicht zum Feld, also liest der Screenreader mitten in der Kasse ein leeres Textfeld vor.
- Fehlermeldungen, die nur über Farbe signalisiert werden. Ein roter Rahmen ohne Text sagt niemandem etwas, der diese Farbe nicht unterscheidet.
- Tastaturfalle im Cookie-Fenster und in modalen Fenstern. Der Fokus geht hinein und nicht mehr heraus, der Shop endet dort.
- Karussells, die sich nicht anhalten lassen. Ein Slider, der alle paar Sekunden weiterspringt, blockiert jeden, der langsamer liest als vom Designer angenommen.
- Kein sichtbarer Fokusindikator. Die Umrandung wurde im Theme abgeschaltet, weil sie die Optik störte, und mit ihr die Information, wo Sie gerade sind.
- Überschriften als Dekoration. Großer Text als Überschrift zweiter Ebene ausgezeichnet, nur weil er groß sein sollte, während der Produktname ein normaler Absatz bleibt.
- Filter und Produktvarianten, die nur mit der Maus bedienbar sind. Größenauswahl auf Kacheln, die auf Klick reagieren, aber mit Tab nicht erreichbar sind.
- Fehlende Barrierefreiheitserklärung und fehlender Kontaktweg. Der einzige Punkt dieser Liste, den man in der Oberfläche nicht sieht, und meist der einzige, an den niemand denkt.
Warum ein Audit einmal im Jahr nichts löst
Stellen Sie sich einen Shop vor, der vor drei Monaten einen Auditbericht bekommen und alle Korrekturen umgesetzt hat. Im nächsten Quartal passiert dort, was in jedem Shop passiert. Das Marketing installiert ein Bewertungs-Plugin, das ein eigenes Widget mit eigenen Sternen mitbringt, die sich mit der Tastatur nicht bedienen lassen. Eine Grafikerin baut ein Sale-Banner und wählt die Farben nach Optik, nicht nach Kontrast. Eine Marketing-App blendet beim Einstieg ein Fenster mit Rabattcode ein, das sich ohne Maus nicht schließen lässt. Jemand aktualisiert das Theme, und das Update überschreibt die Dateien, in denen die Korrekturen aus dem Audit steckten.
Keine dieser vier Sachen ist ein Fehler oder das Versäumnis von jemandem. Das ist normale Arbeit an einem Shop. Das Problem ist, dass jede davon zwischen zwei Audits passiert und keine davon einen Alarm hinterlässt. Der Shop sieht gleich aus, verkauft gleich und ist nicht konform. Deshalb behandeln wir Barrierefreiheit wie Backups oder Sicherheitsupdates: als wiederkehrende Position im Zeitplan, nicht als Projekt mit Enddatum.
Wie Sie das in die regelmäßige Betreuung einbinden
Vier Dinge genügen, damit ein Shop zwischen den Audits nicht von der Konformität abdriftet.
Ein Tastaturtest des gesamten Kaufwegs einmal pro Quartal und zusätzlich nach jedem größeren Deployment: Theme-Wechsel, Austausch der Kasse, Installation eines Plugins, das Warenkorb, Kasse oder Login berührt. Es ist dieselbe Viertelstunde wie oben, nur regelmäßig und mit einer Notiz, was sich geändert hat.
Ein automatischer Scan bei Deployments, mit einem ehrlichen Vorbehalt: Solche Werkzeuge finden nur einen Teil der Probleme. Sie finden fehlende Alternativtexte, Kontraste und Felder ohne Label. Sie beurteilen nicht, ob ein Alternativtext sinnvoll ist, ob die Fokusreihenfolge logisch ist und ob sich der Kauf abschließen lässt. Ein Scan ist ein Sieb, kein Audit.
Eine Regel für Inhalte, schriftlich und verbindlich für alle, die Produkte und Banner einstellen: Alternativtext bei jedem neuen Produktbild, Kontrastprüfung bei jedem neuen Banner vor der Veröffentlichung. Dieser Punkt braucht keinen Entwickler, entscheidet aber am häufigsten über das Ergebnis.
Eine Aktualisierung der Barrierefreiheitserklärung, damit sie dem tatsächlichen Stand entspricht, zusammen mit einem funktionierenden Kontaktweg für Meldungen.
Wie viele Stunden das realistisch kostet
Bei einem mittelgroßen Shop sind das nach unserer Erfahrung schätzungsweise 3 bis 5 Stunden pro Quartal: etwa eine Stunde für den Tastaturtest des vollen Wegs, je eine halbe Stunde für Prüfungen nach größeren Deployments, eine Stunde für Scan und Auswertung, der Rest für kleine Korrekturen und die Erklärung. Gefundene Korrekturen rechnen Sie normal aus dem Kontingent ab.
Bei 22 EUR pro Stunde im Paket sind das schätzungsweise 66 bis 110 EUR im Quartal, also etwa ein bis zwei Stunden im Monat. Im Paket Basic für 220 EUR (10 Std.) ist das rund ein Zehntel des Kontingents, in Advanced für 440 EUR (20 Std.) ein Zwanzigstel, in Premium für 880 EUR (40 Std.) ein Wert, den Sie im Verbrauchsbericht nicht bemerken. Ein Shop, der nie geprüft wurde, kostet beim ersten Aufräumen mehr und braucht meist ein eigenes Angebot: den Zustand zu halten ist günstig, ihn von null zu erreichen nicht.
Was das über die Konformität hinaus bringt
Wir versprechen keine höheren Umsätze und nennen Ihnen keinen Prozentsatz, um den die Konversion steigt, weil das niemand seriös für Ihren Shop berechnen kann. Drei Dinge lassen sich prüfen.
Erstens schließen mehr Kunden den Kauf ab. Die Tastatur nutzen nicht nur Menschen mit Behinderungen, sondern alle, die ein Formular schnell ausfüllen, und mit schwachem Kontrast kämpft jeder, der in der Sonne aufs Handy schaut.
Zweitens verbessern Korrekturen zur Barrierefreiheit meist auch die Seitenstruktur für Suchmaschinen: korrekte Überschriften, sinnvolle Alternativtexte und lesbare Labels sind dieselbe Arbeit wie das Aufräumen der Semantik.
Drittens wird eine Barrierefreiheitserklärung in Ausschreibungen und im Verkauf an öffentliche Einrichtungen teilweise verlangt, wo ihr Fehlen schlicht ein fehlendes Dokument im Angebot ist.
Womit Sie anfangen, wenn der Shop weit von der Konformität entfernt ist
Die Reihenfolge zählt, weil Budget und Zeit begrenzt sind.
Zuerst der Kaufweg: Warenkorb, Kasse, Zahlung und Login. Dann Produktseite und Kategorielisten. Zum Schluss der Rest, also Informationsseiten, Blog und Rechtstexte.
Die Begründung ist einfach: Sie reparieren zuerst das, was den Verkauf blockiert. Eine nicht barrierefreie Seite "Über uns" ist ein Compliance-Problem. Eine nicht barrierefreie Kasse ist ein Compliance-Problem und zugleich die Stelle, an der ein kaufwilliger Kunde ohne Kauf geht. Wenn Sie in diesem Quartal nur eine Sache tun, nehmen Sie die Kasse.
Eine Prüfung der Barrierefreiheit Ihres Kaufwegs binden wir als wiederkehrende Quartalsposition in die laufende Betreuung Ihres Shops ein, abgerechnet aus dem Stundenkontingent. Schreiben Sie uns über /de/sla-help-desk und nennen Sie die Shop-Adresse und die Plattform. Wir sagen Ihnen, wie viele Stunden aus dem Kontingent das in Ihrem Fall kostet und womit wir anfangen würden.