E-Commerce Barrierefrei

Zugängliches und praktisches Online-Shop-Wissen

Lernen Sie, wie Sie regelkonform und nachhaltig Ihre potentielle Kundschaft vergrößern

Barrieren im Online-Shop schließen potenziell Kaufwillige ähnlich aus wie ein Ladengeschäft, das nicht alle besuchen können. Und während einem bauliche Hürden oder ein ignorantes Shop-Personal in einem physischen Geschäft zurecht absurd vorkommen würden, stoßen Ihre Kund*innen in Spe bei Ihrem digitalen Shop häufig auf unüberwindbare Barrieren. Und werden so schlimmstenfalls aus diesem ausgeschlossen (und auch davon, Ihre Ware oder Dienstleistung zu kaufen).

Aus diesem Grund, und weil soziale Teilhabe ein verbrieftes Grundrecht darstellt, regulieren alle EU-Mitgliedsstaaten seit 2025 die Web-Barrierefreiheit von elektronisch gestützten Kaufprozessen und Produktinformationen – in Deutschland z. B. im „Barrierefreiheitsstärkungsgesetz“ (BFSG). Es ist deswegen höchste Zeit, sich um diese Anforderungen zu kümmern.

E-Commerce barrierefrei will Sie dabei unterstützen. Das Nachschlagewerk lehrt Best Practices, zugängliche Online-Shop-Patterns und relevantes Wissen und demonstriert diese in einem Beispiel-Shop, um Sie und Ihr E-Commerce-Projekt nachhaltig fit für kommende gesetzliche Regelungen zu machen und den eigenen Webauftritt regelkonform (d. h. nach Web Content Accessibility Guidelines und Europäischer Norm 301 549) umzusetzen. Weil häufig das Thema Barrierefreiheit im Web selbst nicht optimal zugänglich ist, würde ich Ihnen gern bei der Navigation durch diesen Dschungel helfen.

Zitate von Lernenden

Kompakt und anwendungsbezogen!

[E-Commerce Barrierefrei] wird für mich ein Nachschlagewerk bleiben. Vielen Dank für Ihr Engagement in Sachen Weiterbildung!

Das Wissen von E-Commerce Barrierefrei ist sehr wertvoll und wichtig für die zukünftige Optimierung in Projekten.
Ein essentielles Nachschlagewerk in gewohnt hoher Qualität von einem Experten aus der Praxis.

Barrierefreier Beispiel-Shop

Die Inhalte als Beispielshop als quelloffener HTML-Dummy praktisch demonstriert:

Screenshot des Beispielshops mit offenen Dev Tools

FAQ / Häufige Fragen:

  • Was bekomme ich auf E-Commerce Barrierefrei?

    E-Commerce-barrierefrei wird aus aktuell 15 Modulen in Textform bestehen, die für typische Muster in E-Commerce-Projekten beschreiben werden (und das entlang der Barrierefreiheitsstandards WCAG und EN 301 549). Das Wissen wird durch eine barrierefreie Beispielimplementation eines Shops ergänzt werden, die die im Kurs behandelten Themen praktisch demonstriert. Daneben wird es einen Slack-Kanal für den fachlichen Austausch aller Lernenden geben.

  • Ist dies ein Einstiegskurs in das Thema Web-Barrierefreiheit?

    Nein, er baut auf einer kleinen Vorkenntnis auf und versucht, auf diesem Vorwissen, typische zugängliche E-Commerce-Muster zu erklären. Ich wollte nicht einen weiteren Basiskurs produzieren, habe aber hier empfehlenswerte zusammengestellt.

  • Das BFSG verlangt „Barrierefreiheit“ – aber was heißt das genau?

    Auch wenn das BFSG konkrete Nennungen von Vorgaben in Form von Standards vermissen lässt, kann man dennoch antworten:
    Die Europäische Norm (EN) 301 549. Mehr zu den Hintergründen auf der Seite „Über den Kurs“ und in meinem Blogartikel „Welche Vorgaben sind denn nun für das BFSG relevant?“

  • „E-Commerce“ steht gar nicht wörtlich im BFSG. Warum heißt der Kurs dann so?

    Das stimmt. Die Formulierung ist formaljuristisch-abstrakt „Dienstleistungen im elektronischen Geschäftsverkehr” und meint damit Verbraucher*innenverträge, die auf elektronischem Weg zustande kommen (was das BFSG zu einem Verbraucherschutz- und B2C-Gesetz macht). Dennoch erschien mir die Vereinfachung zu „E-Commerce“ und typischen Webshops nicht falsch – und vor allem griffiger.

  • Kümmert sich die automatisierte Lösung X nicht alle Barrieren?

    Seien Sie auf der Hut, wenn ein Anbieter Ihnen Standard-Konformität durch das einmalige Einbinden eines „Barrierefreiheits-Overlays“ (oder einer sonstigen Einzeiler-Lösung) verspricht – das ist per Definition gar nicht möglich und zu schön, um wahr zu sein, denn Konformität erfordert Kontext-Wissen und menschliches Urteilsvermögen. Das ist ein logischer Fakt, egal, was eine aggressive Marketingabteilung Ihnen erzählen will und egal wie häufig das Stichwort „künstliche Intelligenz“ fällt. Mehr dazu von den Überwachungsstellen des Bundes und der Länder bfit-bund.de, vom BIK BITV-Prüfverbund: bitvtest.de und (auf englisch) unter overlayfactsheet.com.

Über mich

Porträt Marcus Herrmann

Hinter diesem Projekt steht Marcus Herrmann, Webentwickler seit 2001, Berater für Web-Barrierefreiheit und Tester im BIK BITV-Prüfverbund und IAAP-zertifizierter „Web Accessibility Specialist“, der schon einigen namhaften Kunden dabei helfen konnte, ihre Zugänglichkeit zu erhöhen.

Mehr zu mir.

Ausgewähltes aus dem Blog