Magento / Adobe Commerce und BFSG: Enterprise-Shop barrierefrei machen

Magento und BFSG: Hohe Komplexität, hohe Verantwortung

Magento (jetzt Adobe Commerce) wird typischerweise von mittelgroßen bis großen Online-Shops eingesetzt. Diese Shops haben oft Tausende Produkte, komplexe Filternavigation, Kundenkonto-Bereiche und mehrstufige Checkout-Prozesse. Jede dieser Funktionen muss nach BFSG barrierefrei sein.

Bei der Komplexität von Magento-Shops ist das eine ernsthafte Herausforderung – aber keine unlösbare.

Barrierefreiheits-Status von Magento 2

Magento 2 hat in den letzten Versionen Barrierefreiheit verbessert: Das Luma-Theme nutzt semantisches HTML, grundlegende ARIA-Attribute sind vorhanden, und die Tastatur-Navigation im Checkout funktioniert akzeptabel. Adobe hat ein VPAT (Voluntary Product Accessibility Template) veröffentlicht. Aber: Custom-Themes überschreiben diese Verbesserungen oft.

Und Drittanbieter-Extensions (Payment, Shipping, Reviews) sind selten barrierefrei.

Die größten Baustellen in Magento-Shops

Facettenfilter die nur per Maus bedienbar sind. Produktbild-Galerien ohne Tastatursteuerung. Mini-Cart-Overlays ohne Fokus-Management.

Mega-Menüs die per Tastatur nicht navigierbar sind. Kundenregistrierung und Login mit Captchas die nicht zugänglich sind. Und: Der gesamte Checkout-Prozess wenn Payment-Provider nicht barrierefreie iFrames liefern.

Magento BFSG-konform machen: Strategie

Bei einem Magento-Shop empfiehlt sich ein professionelles Audit. Schritt 1: BFSG-Scan mit bf-check.de für einen ersten Überblick. Schritt 2: Die kritischsten User-Journeys (Suche, Produktseite, Warenkorb, Checkout) manuell per Tastatur und Screenreader testen.

Schritt 3: Barrierefreiheits-Bugs im Theme fixen. Schritt 4: Alle Drittanbieter-Extensions prüfen und bei den Anbietern Accessibility-Statements einfordern. Schritt 5: Alt-Texte für alle Produktbilder hinterlegen – bei Tausenden Produkten ein Mammut-Projekt.

Häufig gestellte Fragen