Barrierefreiheit-Widget
Barrierefreiheit-Widget für Sylius 2: Schriftgröße, Kontrast, Farbfilter, Blaulichtfilter, reduzierte Animationen und Skip-Link. Cookie-frei, pro Channel konfigurierbar, über die Shop API lesbar.
Barrierefreiheit-Widget
Diese Dokumentation bezieht sich immer auf die aktuellste veröffentlichte Version.
Live Demo: Teste dieses und weitere Plugins live — ohne Installation, ohne Risiko: demo.markus-michalski.net
Überblick
Ein schwebendes Barrierefreiheit-Widget für Sylius-2-Shops. Besucher stellen Schriftgröße, Kontrast, Farbfilter für Farbsehschwächen, einen Blaulichtfilter und reduzierte Animationen selbst ein, dazu kommt ein Skip-Link für Tastaturnutzer.
Cookie-frei: Die Einstellungen eines Besuchers leben ausschließlich im
localStoragedes Browsers. Das Plugin setzt kein Cookie und sendet die Auswahl nicht an den Server (siehe Datenschutz).
Dieses Plugin allein macht einen Shop nicht barrierefrei. Es gibt dem Besucher Hilfsmittel an die Hand, kann aber Kontrast, Markup oder Inhalte eines Themes nicht selbst reparieren. Die Dokumentation sichert keine Konformität mit einem Gesetz oder einer Norm zu; ein Audit des gesamten Shops bleibt notwendig.
graph LR
A["Storefront Twig Hook"] --> C["Widget Config Resolver"]
B["Shop API Anfrage"] --> C
C --> D["Admin Channel-Einstellungen"]
D --> E["Ergebnis"]
E --> F["Twig Render"]
E --> G["JSON Response"]
Dokumentation
| Seite | Inhalt |
|---|---|
| Installation und Betrieb | Installation, Update, Deinstallation |
| Konfiguration | Einstellungen pro Channel, Admin-Grid, Praxis-Beispiele |
| Storefront-Integration | Twig Hooks, Skip-Link-Ziel, Theming, Verhalten im Detail, Theme-Kompatibilität |
| Shop API / Headless | Endpunkt, Anfrage/Antwort, Fehlerformat |
| Erweiterbarkeit | Öffentliche Interfaces, Template-Override, interne Klassen |
| Datenschutz | Was im Browser gespeichert wird, keine Cookies, keine externen Anfragen |
| Fehlerbehebung und FAQ | Typische Probleme, bekannte Einschränkungen, häufige Fragen |
| Technische Details | Ablauf, Plugin-Struktur, Entity |
Features
| Feature | Beschreibung |
|---|---|
| Fünf Werkzeuge | Schriftgröße (klein/normal/groß), Kontrast (normal/hoch/invertiert), Farbfilter für Farbsehschwächen (Protanopie, Deuteranopie, Tritanopie), Blaulichtfilter, Animationen reduzieren |
| Skip-Link | Tastatur-Link „Zum Hauptinhalt springen“ ganz oben auf der Seite, nur bei Fokus sichtbar |
| Cookie-frei | Einstellungen leben nur im localStorage, kein Cookie |
| Pro Channel | Widget an/aus, Position und angebotene Werkzeuge separat je Channel |
| Dual-Mode | Twig-Storefront rendert das Widget, dieselben Channel-Einstellungen sind über die Shop API lesbar |
| Kein Build-Schritt | Reines CSS/JavaScript, installiert mit assets:install |
Anforderungen
| Anforderung | Version | Hinweise |
|---|---|---|
| PHP | ^8.3 | |
| Sylius | ^2.2 | |
| Symfony | ^7.4 | |
| Datenbank | MySQL 8 oder MariaDB | Die Migration ist in MySQL-Syntax geschrieben und bricht auf anderen Plattformen bewusst ab; PostgreSQL wird nicht unterstützt |
Lizenz
Kommerzielle Lizenz: Eine Lizenz gilt für eine Sylius-Installation (alle Channels sowie deren Entwicklungs- und Staging-Umgebungen). Eine Weitergabe ist nicht erlaubt, Updates sind 12 Monate ab Kauf enthalten.
Support
Bei Fragen zur Lizenz, technischen Fragen oder Fehlern erreichst du mich unter support@markus-michalski.net.