Zum Hauptinhalt springen Zur Suche springen Zur Hauptnavigation springen
Shopware Payments 12 Monate Ramp-up Pricing. Nur für kurze Zeit. Mehr erfahren
An international version is available for our store.
Markus Michalski

Barrierefreiheit-Widget | BFSG & WCAG 2.1 AA

Bewertung: keine Bewertung ( Bewertung schreiben )
Downloads: <10

Beschreibung

Highlights

  • - BFSG-ready – unterstützt gesetzliche Barrierefreiheitsanforderungen
  • - 5 Barrierefreiheits-Tools in einem konfigurierbaren Widget
  • - Cookie-frei – kein Tracking, keine externen Dienste
  • - Per Sales Channel konfigurierbar
  • - Vanilla JS – kein Build-Prozess, keine externen Abhängigkeiten

Features

  • - Schwebende Widget-Anzeige, Position frei wählbar (rechts/links unten)
  • - Schriftgröße-Anpassung in drei Stufen (Klein, Normal, Groß)
  • - Hoher Kontrast-Modus & invertierter Kontrast
  • - Farbsehschwäche-Filter: Protanopie, Deuteranopie, Tritanopie
  • - Blaulicht-Filter für ermüdungsfreies Lesen
  • - Animationen-Reduktion (respektiert CSS prefers-reduced-motion)
  • - LocalStorage-Persistenz – Einstellungen sitzungsübergreifend gespeichert
  • - Cookie-frei – kein Cookie, kein Tracking
  • - Kein externes JavaScript, keine externen Dienste
  • - Pro Sales Channel konfigurierbar
  • - Einzelne Optionen ein-/ausblendbar
  • - SCSS-Variablen mit !default für Theme-Anpassungen
  • - XSS-geschützte Template-Ausgabe
  • - Deutsch & Englisch übersetzt

Über die Erweiterung

Barrierefreiheit im Shopware-Shop – jetzt gesetzlich relevant

Seit Juni 2025 verpflichtet das Barrierefreiheitsstärkungsgesetz (BFSG) auch Betreiber von Online-Shops zur Umsetzung von Barrierefreiheitsanforderungen. Dieses Plugin stellt ein konfigurierbares, schwebendes Widget bereit, mit dem sich Kunden den Shop nach ihren individuellen Bedürfnissen anpassen können – ohne Cookies, ohne externe Dienste, ohne Performance-Einbußen.


Kernfunktionen

  • Schriftgröße – Drei Stufen: Klein, Normal, Groß
  • Kontrast-Modi – Normal, Hoher Kontrast, Invertiert
  • Farbsehschwäche-Filter – Protanopie, Deuteranopie, Tritanopie (nach Brettel, Viénot & Mollon 1997)
  • Blaulicht-Filter – Reduziert Blaulicht für entspanntes Lesen
  • Animationen reduzieren – Deaktiviert CSS-Animationen, respektiert prefers-reduced-motion
  • LocalStorage-Persistenz – Einstellungen bleiben über Browser-Sessions erhalten

So funktioniert es

Nach der Installation erscheint das Widget als schwebendes Icon am Seitenrand (Position konfigurierbar: rechts oder links unten). Ein Klick öffnet das Panel mit allen aktivierten Optionen. Jede Einstellung wird direkt im Browser gespeichert – kein Server-Request, kein Cookie. Das Widget ist per Sales Channel konfigurierbar: Optionen lassen sich einzeln ein- oder ausblenden.


WCAG 2.1 AA – unterstützte Kriterien

  • 1.4.3 Kontrast (Minimum) – Hoher Kontrast-Modus
  • 1.4.12 Textabstand – Schriftgröße-Anpassung
  • 2.3.1 Dreifaches Aufblitzen – Animations-Reduktion
  • 1.4.8 Visuelle Darstellung – Farbfilter für Farbsehschwächen

Technische Details

Vanilla JavaScript ohne externe Abhängigkeiten – kein Webpack-Build erforderlich, nur assets:install und theme:compile. Kein Cookie, kein externes Tracking, keine Datenweitergabe. SCSS-Variablen mit !default ermöglichen Theme-Anpassungen ohne Plugin-Override.


Voraussetzungen

  • Standard Shopware Storefront Theme oder kompatibles Custom Theme

Anwendungsfälle

  • Online-Shops, die BFSG-Anforderungen umsetzen möchten
  • Shops mit älteren oder sehbeeinträchtigten Zielgruppen
  • B2B-Shops mit Anforderungen an barrierefreie Unternehmenswebsites
  • Shops, die ihre Inklusivität und UX-Qualität verbessern möchten

Wichtiger Hinweis

Dieses Plugin unterstützt ausgewählte WCAG 2.1 AA Kriterien. Es ersetzt keine vollständige Barrierefreiheitsprüfung des Shops. Für eine umfassende Erfüllung des BFSG ist eine Gesamtbewertung des gesamten Shops erforderlich.


Dokumentation

Die vollständige Dokumentation – Konfiguration, WCAG-Kriterien und Theme-Anpassung – ist verfügbar unter: faq.markus-michalski.net – Barrierefreiheit-Widget Dokumentation

Details

  • Verfügbar in: Englisch, Deutsch
  • Zuletzt aktualisiert: 11. Oktober 2026
  • Veröffentlicht: 16. Oktober 2026
  • Version: 1.1.0
  • Kategorie: Conversion Optimierung

Ressourcen

Bewertungen (0)

Bewertung schreiben

Wenn du diese Erweiterung heruntergeladen hast, kannst du diese im Shopware Account bewerten.

Bewertung schreiben

Über den Extension Partner

Partner Status

  • Shopware Extension Partner Shopware
    Extension Partner

Details

  • Partner seit: 2026
  • Erweiterungen: 8

Support

  • Land: Germany
  • Spricht: Deutsch, Englisch
  • Reaktionszeit: Sehr schnell