Zum Inhalt springen
Alle Projekte
Open SourceREDAXOBarrierefreiheit

Aux – Accessibility Widget

Barrierefreiheit auf jeder REDAXO-Website — mit einem Klick

Kunde
Eigenprojekt · im Einsatz bei der Wandscher Gruppe
Branche
Open Source · CMS-AddOn
Jahr
2026
Aux – Accessibility Widget — Projektübersicht
Ausgangslage

DAS VORHER

Mit dem Barrierefreiheitsstärkungsgesetz (BFSG) müssen seit 2025 viele Websites Barrierefreiheitsfunktionen anbieten. Für REDAXO — eines der populärsten deutschen CMS — gab es bis dato kein einfach installierbares Widget, das Besuchern selbst Kontrolle über Kontrast, Textgröße, Vorlesefunktion und weitere Hilfen gibt. Bestehende kommerzielle Anbieter wie TabNav oder UserWay sind oft kostenpflichtig und setzen Tracking-Cookies.

Die Aufgabe

Ein Open-Source-AddOn entwickeln, das REDAXO-Websites ohne Entwicklungsaufwand barrierefreier macht — DSGVO-konform, ohne externe Dienste, ohne Cookies. Mit einer Bedienoberfläche, die alle wichtigen Anpassungen in Sekunden erreichbar macht.

Umsetzung

WAS GEMACHT WURDE

01

Schwebender Button mit Accessibility-Panel, automatisch in jeder REDAXO-Seite via OUTPUT_FILTER eingeblendet

02

Sechs vorkonfigurierte Profile (Sehbehinderung, Dyslexie, ADHS, Motorik, Kognitiv, Epilepsie) mit sinnvoll kombinierten Einstellungen

03

Vier Kontrast-Modi: Dunkel, Hell, Hoher Kontrast und echte Farb-Invertierung

04

Feinsteuerung für Textgröße, Zeilenabstand, Buchstabenabstand und Textausrichtung

05

Vorlese-Funktion via Web Speech API — Besucher klicken einfach einen Absatz an

06

Lese-Lineal, Dyslexie-Schrift (OpenDyslexic), Focus-Hervorhebung, großer Cursor, Animation-Stopp

07

Reines Vanilla JS + CSS — kein Framework, keine Abhängigkeiten, sehr leichtgewichtig

08

Alle Einstellungen in localStorage gespeichert — kein Cookie, kein Tracking

09

Auf MyREDAXO veröffentlicht — Installation per Klick im REDAXO-Installer

Leistungsumfang
Konzept & UXFrontend-EntwicklungREDAXO-AddOn-EntwicklungBarrierefreiheit (WCAG)Open-Source-Veröffentlichung
Live-Demo

JETZT AUSPROBIEREN

Interaktive Demo

Das Widget auf dieser Seite starten

Nach dem Start erscheint unten rechts der typische Accessibility-Button. Öffne das Panel und teste Profile, Kontrast-Modi, die Vorlesefunktion und alle weiteren Optionen direkt auf dieser Portfolio-Seite.

Kein Tracking, keine Cookies. Einstellungen werden lokal gespeichert und beim Verlassen dieser Seite wieder entfernt.

Einblicke

DAS ERGEBNIS

Aux ist über den offiziellen REDAXO-Marketplace als Open-Source-AddOn (MIT-Lizenz) verfügbar. Das Widget läuft u. a. produktiv auf wandscher.de (Wandscher Gruppe) und macht die Seite für Besucher mit Seh-, Motorik- oder Leseeinschränkungen einfacher bedienbar — ohne zusätzlichen Redaktionsaufwand. Unten auf dieser Seite kannst du die Demo direkt ausprobieren.

6 Presets
Profile
MIT · Open Source
Lizenz
0 Frameworks
Abhängigkeiten

ÄHNLICHES geplant?

Erzähl mir von deinem Projekt

Gespräch starten