AddOn

Aux – Accessibility Widget

Beschreibung

Barrierefreiheits-Widget für deine Website. Zeigt einen schwebenden Button mit Kontrast-Modi, Textgrößen-Steuerung, Vorlese-Funktion, Lese-Lineal, Dyslexie-Schrift und 6 vorkonfigurierten Profilen (Sehbehinderung, Dyslexie, ADHS, Motorik, Kognitiv, Epilepsie). DSGVO-konform, keine Cookies.

Features
Accessibility-Profile
Vorkonfigurierte Presets mit einem Klick aktivieren:

Sehbehinderung – Hoher Kontrast, Textvergrösserung, grosser Cursor
Dyslexie – OpenDyslexic Schrift, erhöhter Zeilen-/Buchstabenabstand
ADHS – Lese-Lineal, Animationen stoppen, Focus-Hervorhebung
Motorische Einschränkung – Grosser Cursor, Focus-Hervorhebung
Kognitive Einschränkung – Textvergrösserung, Links/Überschriften hervorheben
Epilepsie – Animationen und Blinken stoppen
Einzelne Optionen
Kontrastmodi (Dunkel, Hell, Hoher Kontrast, Invertiert)
Textgrösse (3 Stufen)
Zeilenabstand (3 Stufen)
Buchstabenabstand (3 Stufen)
Textausrichtung (Links / Zentriert / Rechts)
Textleser (Vorlesen via Web Speech API)
Links hervorheben
Überschriften-Hierarchie sichtbar machen
Lese-Lineal (folgt der Maus)
Dyslexie-Schrift (OpenDyslexic)
Focus-Hervorhebung
Cursor vergrössern
Animationen und Videos stoppen
Bilder ausblenden
Widget-Position im Frontend umschalten (Links / Rechts / Ausblenden)
Technische Details
Einstellungen werden in localStorage gespeichert (bleiben beim nächsten Besuch erhalten)
DSGVO-konform: Keine Cookies, kein Tracking
Leichtgewichtig: Reines Vanilla JS + CSS, kein Framework
Automatische Injection via REDAXO Extension Point (kein Template-Code nötig)
Vollständig per Tastatur bedienbar
Responsive: Passt sich auf Mobilgeräten an
Mehrsprachig: Deutsch und Englisch

github.com/mi-shelly/aux

Umsetzung

sight mediendesign

Zum Leisterplatz 7 28844 Weyhe www.sight-mediendesign.de

Versionen

1.3.1

Für REDAXO
^5.16.0
Veröffentlicht am
12.05.2026
Require / PHP
>=8.1, <9

Verbesserungen:
Farbauswahl im Backend: Farbvorschau-Box + HEX-Eingabefeld ersetzt den nativen Color-Picker (behebt Darstellungsproblem unter Windows/Chrome)
README: Hinweis ergänzt, dass das Widget keine echte Barrierefreiheit ersetzt, sondern als ergänzendes Hilfsmittel fungiert (Best-Effort-Prinzip)

1.3.0

Für REDAXO
^5.16.0
Veröffentlicht am
06.05.2026
Require / PHP
>=8.1, <9

Bugfix: Widget-Position bei aktivem Kontrast-Filter (Dark/Light/High/Inverted) auf Mobile korrigiert. CSS filter auf <html> brach position:fixed — Widget verschob sich nach rechts und war nicht mehr bedienbar. Fix via JS-basierter Viewport-Positionierung.

1.2.0

Für REDAXO
^5.16.0
Veröffentlicht am
16.04.2026
Require / PHP
>=8.1, <9

Neu: Button-Position pixelgenau konfigurierbar (horizontaler und vertikaler Abstand zum Seitenrand).

1.1.0

Für REDAXO
^5.16.0
Veröffentlicht am
16.04.2026
Require / PHP
>=8.1, <9

Erste öffentliche Version.

Features:

  • 6 Accessibility-Profile (Sehbehinderung, Dyslexie, ADHS, Motorik, Kognitiv, Epilepsie)
  • 4 Kontrast-Modi (Dunkel, Hell, Hoher Kontrast, Invertiert)
  • Textgröße, Zeilenabstand, Buchstabenabstand & Textausrichtung
  • Vorlese-Funktion (Text-to-Speech)
  • Lese-Lineal, Dyslexie-Schrift (OpenDyslexic), Focus-Hervorhebung
  • Großer Cursor, Animationen stoppen, Bilder ausblenden
  • Widget-Position im Frontend umschaltbar
  • DSGVO-konform: Keine Cookies, kein Tracking
  • Automatische Einbindung via OUTPUT_FILTER Extension Point