BarrierFree für Joomla , WordPress und als HTML Widget

Digitale Barrierefreiheit ist längst keine Kür mehr, sondern Pflicht – rechtlich, technisch und vor allem menschlich. Mit BarrierFree stellt Mertsch-Web eine Lösung bereit, die sowohl für Joomla als auch für WordPress verfügbar ist und zusätzlich als eigenständiges HTML-Widget auf jeder beliebigen Website eingesetzt werden kann.

Dieser Artikel zeigt dir:

  • wie du die kostenlosen Plugins für Joomla 4–6 und WordPress einsetzt
  • worin sich die Premium-Version unterscheidet
  • und wann das BarrierFree Java HTML Widget die bessere Wahl ist

1. BarrierFree im Überblick

BarrierFree ist eine schwebende Accessibility-Toolbar, die direkt auf deiner Website eingeblendet wird. Besucher können damit die Darstellung und Bedienung an ihre individuellen Bedürfnisse anpassen – ohne dass du dein Template umbauen musst.

Typische Funktionen der Toolbar:

  • Text-to-Speech (Vorlesen der Seite oder markierter Bereiche, DE/EN)
  • Anpassung von Schriftgröße und Zeichenabstand
  • Graustufen-Modus und Farbeninvertierung
  • Links hervorheben und unterstreichen
  • großer Mauszeiger
  • Leselineal für besseres Folgen der Zeilen
  • Tastaturkürzel (z. B. Strg+R zum Vorlesen)
  • Speichern der Einstellungen im Browser des Nutzers

Alle Varianten orientieren sich an gängigen Accessibility-Standards wie WCAG 2.1 und sind vollständig tastaturnavigierbar.

2. Kostenlose Plugins für Joomla und WordPress

2.1 Joomla-Plugin (Joomla 4 / 5 / 6)

Das kostenlose BarrierFree-Plugin für Joomla steht als Download auf der Blog-Seite zur Verfügung:

In der aktuellen Version ist das Plugin mit Joomla 4.x, 5.x und 6.x kompatibel und bietet die oben beschriebenen Accessibility-Funktionen über eine einheitliche Toolbar.

Typische Eigenschaften:

  • Installation und Konfiguration direkt im Joomla-Backend
  • Aktivierung als System-Plugin oder spezifisch für bestimmte Bereiche
  • Mehrsprachige Oberfläche (Deutsch/Englisch)
  • Anpassungen an das Template über CSS möglich

Wenn du bereits eine Joomla-Seite betreibst, ist dieses Plugin der naheliegende Einstieg: ein Klick im Backend, Plugin konfigurieren, fertig.

2.2 WordPress-Plugin

Parallel dazu gibt es eine technisch gleichwertige WordPress-Variante:

Das Plugin wird wie gewohnt als ZIP im WordPress-Backend hochgeladen und aktiviert. Anschließend steht die Accessibility-Toolbar auf deiner Seite zur Verfügung.

Typische Eigenschaften:

  • Integration über das WordPress-Plugin-System
  • Konfiguration im Admin-Bereich (z. B. Position, Sichtbarkeit, Funktionen)
  • gleiche Toolbar-Funktionen wie in Joomla
  • kompatibel mit modernen WordPress-Versionen (ab 6.x)

Wichtig: Beide kostenlosen Versionen – Joomla und WordPress – sind von der Funktionalität her bewusst identisch aufgebaut. Du kannst also problemlos auf beiden Systemen das gleiche Nutzererlebnis bieten.

3. Premium-Funktionen: Freischaltcode für Joomla und WordPress

Die kostenlosen Plugins decken den kompletten Grundumfang ab. Wer mehr Kontrolle über die Textausgabe und die Verlinkung haben möchte, kann einen Premium-Freischaltcode erwerben.

Produktbeschreibung für die Premium-Funktionen:

  • Lesegeschwindigkeit: Langsam / Normal / Schnell
  • Blog-Link: Ein / Aus
  • Custom Blog-URL und frei definierbarer Text

Der Freischaltcode wird für Joomla und WordPress gleichermaßen angeboten und über den Store bereitgestellt:

3.1 Was bringt die Premium-Version konkret?

1. Lesegeschwindigkeit steuerbar

In der kostenlosen Version gibt es eine feste Vorlesegeschwindigkeit. Mit der Premium-Option können Nutzer zwischen langsam, normal und schnell wählen. Das ist besonders hilfreich für:

  • Menschen mit Leseschwierigkeiten, die ein langsameres Tempo bevorzugen
  • erfahrene Nutzer, die sich Inhalte schneller vorlesen lassen möchten

2. Blog-Link ein- und ausblenden

Standardmäßig kann in der Toolbar ein Link zurück zu deinem Blog bzw. zu einer Info-Seite angezeigt werden (z. B. „Mehr Infos zur Barrierefreiheit“).

Mit der Premium-Version kannst du:

  • diesen Blog-Link vollständig ausblenden (White-Label-Einsatz)
  • oder ihn gezielt aktiv lassen, um Hinweise oder Erklärseiten anzubieten

3. Eigene URL und eigener Text

Statt auf eine vorgegebene Seite zu verweisen, kannst du:

  • eine eigene URL hinterlegen (z. B. barrierefreiheit.deine-domain.tld, Impressum, Erklärung zur Barrierefreiheit)
  • einen individuellen Linktext definieren (z. B. „Barrierefreiheit dieser Website“, „Hilfe & Bedienung“)

Damit wird das Plugin deutlich flexibler: Du kannst es komplett neutral einsetzen oder gezielt auf eine eigene Hilfeseite, deine Agenturseite oder eine Dokumentation verlinken.

4. Unterschied zum BarrierFree Java HTML Widget

Neben den CMS-Plugins bietet Mertsch-Web das BarrierFree HTML Widget an. Dieses Widget ist als eigenständige Lösung konzipiert, die über ein einziges <script>-Tag in jede Website eingebunden werden kann – unabhängig vom System: Joomla, WordPress, Typo3, Shopify oder ein individuell entwickeltes Projekt.

4.1 Technische Integration

Joomla-/WordPress-Plugins:

  • Installation über das CMS-Backend
  • Updates und Aktivierung über Plugin/Erweiterungsverwaltung
  • Konfiguration direkt in den Einstellungen des Systems
  • Ideal für Projekte, die ohnehin mit Joomla oder WordPress betrieben werden

BarrierFree HTML Widget:

  • Einbindung über ein kleines JavaScript-Snippet im Template (z. B. im <head> oder vor </body>)
  • funktioniert systemunabhängig – auch in Shops, Headless-Frontends oder statischen Seiten
  • keine zusätzlichen Frameworks notwendig, das Widget läuft eigenständig.

Wenn du also mehrere verschiedene Systeme im Einsatz hast (z. B. WordPress-Blog, Shop auf Shopify, ein Intranet auf einem anderen Framework), kannst du mit dem gleichen Widget überall eine einheitliche Accessibility-Toolbar bereitstellen.

4.2 Funktionsumfang

Funktional sind sich Plugins und Widget sehr ähnlich:

  • Text-to-Speech
  • Anpassung von Schriftgröße und Zeichenabstand
  • Graustufen und Farbeninvertierung
  • Link-Hervorhebung
  • großer Mauszeiger
  • Leselineal
  • Mehrsprachigkeit (DE/EN)
  • Speichern der Einstellungen im Browser

Der Unterschied liegt weniger in den Features als in der Art der Integration und im Lizenzmodell.

4.3 Lizenzmodell und Kosten

  • Die Joomla- und WordPress-Plugins selbst sind in der Basisversion kostenlos verfügbar. Die erweiterten Premium-Funktionen werden über einen Freischaltcode freigeschaltet, den du im Store erwerben kannst.
  • Das BarrierFree Widget wird als eigenständige Lösung mit einer einmaligen Lizenzgebühr (aktuell 99 € + MwSt., lebenslange Nutzung inklusive Updates) angeboten.

Gerade wenn du mehrere heterogene Websites betreibst, ist das Widget lizenzrechtlich oft einfacher zu handhaben als verschiedene CMS-spezifische Installationen.

5. Welche Lösung passt zu welchem Szenario?

Zum Abschluss eine kurze Orientierung:

Nutze die kostenlosen Plugins, wenn …

  • du eine oder mehrere Joomla- oder WordPress-Websites betreibst
  • du schnellen Einstieg in die Barrierefreiheit willst, inklusive Backend-Integration
  • du vor allem im jeweiligen CMS arbeiten möchtest (Updates über Joomla-/WordPress-Mechanismen)

Ergänze die Premium-Funktionen, wenn …

  • du deinen Besuchern eine feinere Kontrolle der Vorlesegeschwindigkeit geben willst
  • du das Branding anpassen oder den Blog-Link entfernen möchtest
  • du auf eine eigene Hilfeseite oder Dokumentation verlinken willst

Setze auf das BarrierFree Java HTML Widget, wenn …

  • du verschiedene Systeme (Joomla, WordPress, Typo3, Shopify, Eigenentwicklungen) betreibst
  • du eine zentrale, systemunabhängige Lösung per <script>-Tag suchst
  • du ein einmaliges Lizenzmodell mit lebenslangen Updates bevorzugst

Mit dieser Kombination aus kostenlosen CMS-Plugins, Premium-Funktionen und dem universellen HTML-Widget deckt BarrierFree praktisch alle typischen Szenarien ab – vom einzelnen Blog bis hin zu komplexen Multi-System-Umgebungen.