Veröffentlichungsdatum Mai 26, 2025

BarrierFree – Joomla Accessibility Plugin

Letzte Aktualisierung am Oktober 14, 2025

[featured_image]
Download
Download is available until [expire_date]
  • Version
  • Download 228
  • Dateigröße 26.45 KB
  • Datei-Anzahl 1
  • Erstellungsdatum Mai 26, 2025
  • Zuletzt aktualisiert Oktober 14, 2025

BarrierFree - Joomla Accessibility Plugin

Joomla 4 / 5 / 6  – BarrierFree Plugin v2.0.4

„Gemeinsam machen wir BarrierFree besser! Unterstützen Sie uns mit einer Spende und helfen Sie, das Projekt für alle voranzubringen.“

 

Version 2.0.4 – Wichtige Verbesserungen & Joomla 6-Kompatibilität

Mit Version 2.0.4 erhält die Erweiterung ein bedeutendes Update, das insbesondere die mobile Benutzerfreundlichkeitverbessert, vollständige Unterstützung für Joomla 6 bietet und mehrere Optimierungen im Nutzererlebnis enthält. Außerdem wurde ein kritischer Fehler behoben, der das Öffnen des Panels auf mobilen Geräten verhinderte.

🔹 Wichtige Neuerungen

1. Verbesserte Mobile-Unterstützung

  • Einführung von Touch-Event-Handling für sofortige Reaktion auf mobilen Geräten
  • Keine 300 ms Verzögerung mehr beim Öffnen des Panels
  • Unterstützung von touchstart, touchend und touchmove
  • Verbesserte Gestensteuerung für ein flüssigeres Nutzererlebnis

2. Neues Installations-Script (script.php)

  • Automatische Cache-Bereinigung bei Updates
  • Benutzerbenachrichtigungen während Installation, Update und Deinstallation
  • Integrierte Versionsprüfung und Upgrade-Verwaltung
  • Sprachdateien werden jetzt zuverlässig geladen

3. Vollständige Joomla 6-Kompatibilität

  • Anpassung an die neue Joomla 6.x-Architektur
  • Verwendung moderner Strukturen wie Factory::getContainer()
  • Durchgehende Kompatibilität mit Joomla 4.x, 5.x und 6.x

Komplette Funktionsbeschreibung

🔍 Überblick

BarrierFree Plugin v2.0.4

Barrierefreiheit für Joomla 5 & 6  – entwickelt von der-it-blog.de (Mertsch-Web)

Das BarrierFree Plugin Version 2.0.3 ist ein leistungsstarkes Accessibility-Tool für Joomla 5.
Es unterstützt Menschen mit unterschiedlichen Einschränkungen dabei, Webseiten barrierefrei zu nutzen.
Über eine intuitive Toolbar stehen zahlreiche Anpassungsfunktionen zur Verfügung, die das Lesen, Navigieren und Interagieren erleichtern.

Hauptfunktionen

1. Text-to-Speech (Sprachausgabe)

  • Liest automatisch alle Inhalte der aktuellen Seite vor.
  • Alternativ kann markierter Text mit der Tastenkombination Strg + R (Windows) oder Cmd + R (Mac) vorgelesen werden.
  • Unterstützt Deutsch (de-DE) und Englisch (en-GB).
  • Die Lesegeschwindigkeit kann individuell angepasst werden.
  • Intelligente Erkennung blendet Menüs und Navigationsbereiche automatisch aus.
  • Das aktuell gelesene Element wird visuell hervorgehoben.
  • Bei Fensterwechsel wird die Wiedergabe automatisch pausiert und beim Zurückkehren fortgesetzt.

2. Anpassung der Schriftgröße

  • Skalierung von 70 % bis 200 % in 10 %-Schritten.
  • Bedienelemente: A+ (größer), A- (kleiner), A (Standard).
  • Die gewählte Einstellung bleibt im Browser gespeichert.
  • Optimiert für alle Bildschirmgrößen und Geräte.

3. Zeichen- und Wortabstand

  • Drei Stufen: Normal, 1 Pixel, 2 Pixel, 3 Pixel.
  • Der Wortabstand wird automatisch mit angepasst.
  • Bedienelemente: aA+ (größer), aA- (kleiner), aA (Standard).

4. Visuelle Anpassungen

  • Graustufenmodus: Wandelt alle Farben in Graustufen um, die Toolbar bleibt farbig.
  • Farbinversion: Schwarzer Hintergrund mit weißer Schrift für bessere Lesbarkeit bei Lichtempfindlichkeit.

5. Link-Funktionen

  • Link-Hervorhebung: Gelber Hintergrund, schwarze Schrift, rote Umrandung und zusätzliche Unterstreichung.
  • Link-Unterstreichung: Alle Links werden unterstrichen – unabhängig von der Hervorhebung.

6. Zeilenlineal (Reading Ruler)

  • Eine gelbe, 3 Pixel hohe Linie folgt der Mausbewegung.
  • Sanfte Bewegung mit CSS-Übergang.
  • Leuchtrand (Glow-Effekt) für bessere Sichtbarkeit.

7. Großer Mauszeiger

  • Weißer Kreis (32x32 Pixel) mit schwarzer Umrandung.
  • Spezieller Cursor (X-Symbol) für Links und Buttons.
  • SVG-basiert für scharfe Darstellung auf allen Displays.

8. Mehrsprachigkeit

  • Sprachen: Deutsch und Englisch.
  • Automatische Spracherkennung anhand der Browsereinstellungen.
  • Die gewählte Sprache wird für zukünftige Besuche gespeichert.

Design und Bedienkomfort

Toolbar

  • Floating-Button mit sanfter Pulsanimation.
  • Position links oder rechts frei wählbar.
  • Sieben Farbthemen: Blau, Grün, Rot, Lila, Orange, Türkis und Dunkel.
  • Einstellbare Größe zwischen 45 und 80 Pixel.
  • Auswahl zwischen SVG-Icons, Emojis oder eigenen Symbolen.

Panel

  • Weiche Slide-Animation beim Öffnen und Schließen.
  • Scrollbar bei umfangreichen Optionen.
  • Responsives Design für Desktop, Tablet und Smartphone.
  • Funktionen sind in logische Gruppen gegliedert.

Barrierefreiheit des Plugins selbst

  • Vollständige Tastatursteuerung.
  • ARIA-Labels für Screenreader-Unterstützung.
  • Optimiert für gängige Screenreader.
  • Sichtbare Fokusrahmen für bessere Orientierung.

Tastaturbefehle

Hauptfunktionen

Text vorlesen (Read Selected Text)

  • Windows: Strg + R
  • Mac: Cmd + R
  • Funktion: Liest den markierten Text auf der Seite vor.
  • Anwendung: Text markieren und Tastenkombination drücken.

Vorlesen stoppen (Stop Reading)

  • Windows und Mac: Escape
  • Funktion: Stoppt jede aktive Textwiedergabe sofort.

Benutzeroberfläche (UI-Komponenten)

Sidebar umschalten (Toggle Sidebar)

  • Windows: Strg + B
  • Mac: Cmd + B
  • Funktion: Öffnet oder schließt die Seitenleiste.

Karussell-Navigation (Carousel Navigation)

  • Pfeiltasten links und rechts: Navigation zwischen Folien.

Erweiterte Textauswahl (Enhanced Text Selection)

  • Shift + Pfeiltasten: Auswahl von Textbereichen per Tastatur.
  • Unterstützt alle gängigen Navigationstasten wie Home, End, Page Up/Down.

Barrierefreiheitsfunktionen

Text-zu-Sprache-Steuerung

  • Seitenvorlesen starten oder stoppen.
  • Markierten Text mit Tastenkombination vorlesen.
  • Anpassbare Lesegeschwindigkeit (0,75x, 1x, 1,25x).

Visuelle Anpassungen

  • Schriftgröße und Zeichenabstände ändern.
  • Farben invertieren oder in Graustufen anzeigen.
  • Links hervorheben oder unterstreichen.

Navigationshilfen

  • Zeilenlineal, das der Maus folgt.
  • Großer, gut sichtbarer Mauszeiger.
  • Verbesserte Fokus-Indikatoren für Tastaturbedienung.

Technische Umsetzung

  • Tastaturbefehle werden per JavaScript-Eventlistener erkannt.
  • Verwendung von keydown-Events mit Kontrolle der Modifikatortasten (Strg oder Cmd).
  • Standardaktionen des Browsers werden bei aktivierten Kürzeln unterdrückt.
  • Kompatibel mit allen modernen Browsern.

Sprachunterstützung

Alle Funktionen und Tastenkürzel sind sowohl auf Deutsch als auch auf Englisch verfügbar.
Beispiel:

  • Deutsch: Strg + R für Text vorlesen.
  • Englisch: Ctrl + R for text reading.

Einhaltung von Barrierefreiheitsstandards

Das BarrierFree Plugin erfüllt aktuelle Web-Accessibility-Richtlinien.
Alle Funktionen sind vollständig tastaturnavigierbar und speziell für Nutzer optimiert, die auf Tastatureingaben oder Screenreader angewiesen sind.

Schnellreferenz

Funktion Windows Mac Beschreibung
Text vorlesen Strg + R Cmd + R Markierten Text vorlesen
Wiedergabe stoppen Escape Escape Stoppt Sprachausgabe
Sidebar öffnen/schließen Strg + B Cmd + B Toolbar ein- oder ausblenden
Karussell-Navigation ← → ← → Durch Folien navigieren
Textauswahl Shift + Pfeile Shift + Arrows Erweiterte Textauswahl

Version: 2.0.4
Plugin: BarrierFree – Barrierefreiheit für Joomla
Entwickler: der-it-blog.de

 

Sylvio Mertsch

Sylvio Mertsch