Conversion & UX

Barrierefreiheit in PrestaShop und der EAA: was ein Onlineshop prüfen muss

Der European Accessibility Act gilt seit dem 28. Juni 2025. Er erfasst ausdrücklich E-Commerce-Dienstleistungen, was einen Onlineshop, seinen Bestellprozess und seine Vertragsdokumente einschließt. Es ist keine Empfehlung: es ist eine Pflicht mit Sanktionsregime.

Die meisten betroffenen Händler wissen es nicht, oder halten sich für ausgenommen, ohne es zu sein. Fangen wir dort an.

Wer betroffen ist

Der Text zielt auf Unternehmen, die Verbrauchern E-Commerce-Dienstleistungen anbieten. Eine Ausnahme besteht für Kleinstunternehmen, die Dienstleistungen erbringen, definiert als Unternehmen mit weniger als zehn Beschäftigten und einem Jahresumsatz oder einer Bilanzsumme von höchstens zwei Millionen Euro.

Zwei Präzisierungen, die den Unterschied machen. Die Ausnahme wird am gesamten Unternehmen bemessen, nicht an der Online-Aktivität. Und sie betrifft Dienstleistungen: die für Produkte geltenden Pflichten unterliegen einem eigenen Regime.

Ein methodischer Punkt: wenn Sie nahe an den Schwellen liegen, bauen Sie Ihre Planung nicht auf der Ausnahme auf. Wachstum lässt Sie kippen, und eine Umsetzung lässt sich nicht in drei Wochen improvisieren.

Der anwendbare Rahmen

Die europäische Referenznorm verweist für das Web auf die Kriterien der internationalen Barrierefreiheitsrichtlinien auf Stufe AA. In Deutschland setzt das Barrierefreiheitsstärkungsgesetz (BFSG) die Richtlinie um; operativ arbeitet man mit der harmonisierten Norm EN 301 549 und ihrer prüfbaren Kriterienliste.

Dieser Punkt ist in der Praxis nützlich: statt von den Prinzipien auszugehen, gehen Sie von der Kriterienliste aus. Sie verwandelt ein abstraktes Thema in eine Prüfliste.

Die zwölf häufigsten Blocker in einem Shop

Bei Shop-Audits kehren dieselben Punkte immer wieder. Hier sind sie, in absteigender Häufigkeit.

  1. Unzureichende Kontraste bei Sekundärtexten, durchgestrichenen Preisen und rechtlichen Hinweisen.
  2. Produktbilder ohne Alternativtext, oder mit einem Alternativtext, der den Dateinamen wiederholt.
  3. Formularfelder ohne zugeordnetes Label, besonders im Bestellprozess, wo nur ein Platzhalter als Beschriftung dient.
  4. Unsichtbarer Tastaturfokus, oft vom Theme aus ästhetischen Gründen entfernt.
  5. Unmögliche Tastaturnavigation in Dropdown-Menüs und Variantenwählern.
  6. Nicht angekündigte Fehlermeldungen für assistive Technologien: das Feld wird rot, nichts wird vorgelesen.
  7. Karussells ohne Steuerung, die automatisch weiterlaufen, ohne Stoppmöglichkeit.
  8. Inkonsistente Überschriftenhierarchie, mit übersprungenen oder zur Gestaltung missbrauchten Ebenen.
  9. Außerhalb des Kontexts nicht aussagekräftige Links wie „mehr erfahren“, zwanzigmal wiederholt auf einer Kategorieseite.
  10. Nur durch Farbe vermittelte Information: Verfügbarkeit in Grün, ausverkauft in Rot, ohne Text.
  11. Videos ohne Untertitel und ohne Transkript.
  12. Blockierter Zoom auf Mobilgeräten durch ein Viewport-Konfigurationstag.

Die ersten vier machen den Großteil des Anomalievolumens aus, und alle sind ohne Relaunch behebbar.

EAA Barrierefreiheit — Widget & Automatische WCAG-KorrekturenBFSG-Konformität ohne Theme-Umbau79,00

Eine Audit-Methode für einen Tag

Ein vollständiges Audit ist ein Projekt. Eine erste Bestandsaufnahme passt in einen Tag und genügt, um zu wissen, wo Sie stehen.

Vormittag: die automatischen Tests. Lassen Sie ein Analysewerkzeug über fünf typische Seiten laufen: Startseite, Kategorie, Produktseite, Warenkorb, Bestellprozess. Automatische Werkzeuge erkennen etwa ein Drittel der Kriterien, im Wesentlichen Kontraste, fehlende Alternativen und Formularlabels. Das ist wenig, aber es ist das volumenmäßig größte Drittel.

Früher Nachmittag: der Tastaturtest. Ziehen Sie die Maus ab und geben Sie eine komplette Bestellung nur mit Tabulator und Eingabetaste auf. Diese Übung, die zwanzig Minuten dauert, deckt mehr blockierende Probleme auf als jedes Werkzeug.

Später Nachmittag: der Screenreader-Test. Aktivieren Sie den Screenreader Ihres Systems und gehen Sie eine Produktseite durch. Das Ziel ist nicht, alles zu korrigieren, sondern festzustellen: wenn Preis, Verfügbarkeit und Kaufbutton nicht korrekt angesagt werden, wissen Sie, womit Sie anfangen.

Am Ende dieses Tages haben Sie eine priorisierte Liste und eine realistische Vorstellung vom verbleibenden Aufwand.

Was ein Widget kann, und was nicht

Ein notwendiger Punkt der Ehrlichkeit, weil der Markt eine Verwirrung pflegt.

Ein Accessibility-Overlay behandelt eine Teilmenge der Kriterien wirksam: Kontrastkorrekturen, Ergänzung fehlender Labels, Wiederherstellung des sichtbaren Fokus, Komfortoptionen wie Textvergrößerung oder Zeilenabstand. Von den zwölf oben gelisteten Blockern deckt es vier bis sechs korrekt ab.

Es kann keine inkonsistente Überschriftenstruktur reparieren, keine Komponente tastaturbedienbar machen, die es nicht ist, keine passenden Alternativtexte schreiben und kein Video untertiteln. Kein automatisches Werkzeug macht eine Website konform, und ein Overlay als vollständige Konformität zu präsentieren ist ein Argument, das man verwerfen sollte.

Was es wirklich bringt: einen sofortigen Gewinn bei den zahlreichsten Anomalien, während die grundlegende Sanierung am Theme geplant wird.

Die Barrierefreiheitserklärung

Eine oft ignorierte Pflicht: die betroffenen Anbieter müssen eine Erklärung veröffentlichen, die den Konformitätsstand des Dienstes, die nicht barrierefreien Inhalte mit ihrer Begründung und einen Kontaktweg zur Meldung eines Problems beschreibt.

Eine ehrliche Erklärung mit teilweiser Konformität ist besser als keine Erklärung, und besser als eine Vollkonformitätserklärung, die der erste Test widerlegt.

Womit anfangen

In dieser Reihenfolge: die Kontraste, die massiv und einfach sind; die Formularlabels des Bestellprozesses, weil ein unbenutzbarer Bestellprozess den Dienst im strengen Sinne unzugänglich macht; der Tastaturfokus; dann die Alternativtexte der Produktbilder, ein langes, aber teilbares Vorhaben.

Das Modul EAA-Barrierefreiheit für PrestaShop greift auf PrestaShop 8 und 9 ein: automatische Korrekturen von Kontrasten, Labels und Fokus, Komfortoptionen für die Nutzer und ein Bericht der erkannten Anomalien, um die verbleibende Sanierung am Theme zu planen.

Weiterlesen

Ähnliche Artikel