• Version
• Download 18
• Dateigröße 45.54 KB
• Datei-Anzahl 1
• Erstellungsdatum Juli 30, 2025
• Zuletzt aktualisiert November 13, 2025

BarrierFree – WordPress Version 2.1

BarrierFree – WordPress

BarrierFree 2.1 – Moderne Barrierefreiheit für jede WordPress-Website

Mit BarrierFree 2.1 wird Barrierefreiheit in WordPress so einfach wie nie zuvor. Das Plugin ergänzt deine Website um eine leistungsstarke, intuitive Toolbar, mit der Besucherinnen und Besucher die Darstellung ganz nach ihren Bedürfnissen anpassen können – von Text-zu-Sprache über größere Schrift bis hin zu Kontrast- und Lesemodi.

BarrierFree richtet sich an Betreiber von Websites, die ihre Inhalte für möglichst viele Menschen zugänglich machen wollen: sehbehinderte Nutzer, Menschen mit Legasthenie, ältere Besucherinnen und Besucher sowie alle, die eine besser lesbare Oberfläche schätzen.

---

Was ist neu in BarrierFree 2.1?

Version 2.1 ist ein großes Update, das Design, Bedienbarkeit und Funktionsumfang sichtbar weiterentwickelt:

Modernisiertes Toolbar-Design

• Überarbeitete, klar strukturierte Toolbar mit moderner Optik
• Prominent platzierter Button „Seite vorlesen“ für die Text-zu-Sprache-Funktion
• Bessere Lesbarkeit durch klare Beschriftungen und optimierte Anordnung der Bedienelemente
• Voll responsiv und für alle Bildschirmgrößen optimiert

Flexible Positionierung der Toolbar

Die zentrale Schaltfläche zum Öffnen der Toolbar kann an vier Positionen angezeigt werden:

• Oben links (halbrunder Button am oberen Rand)
• Oben rechts (halbrunder Button am oberen Rand)
• Unten links (freischwebender runder Button)
• Unten rechts (freischwebender runder Button)

Mit einem Abstand von 20 Pixeln zum Rand fügt sich die Toolbar unaufdringlich, aber gut sichtbar ins Layout ein.

Erweiterte Farboptionen

BarrierFree 2.1 bietet sieben vordefinierte Farbschemata, die du im Admin-Bereich auswählen kannst:

• Blau (Standard)
• Grün
• Rot
• Lila
• Orange
• Türkis
• Dunkel

Damit lässt sich die Toolbar optisch an nahezu jedes Website-Design anpassen.

Optimierte Text-zu-Sprache-Sektion (TTS)

Die TTS-Funktionen wurden in Version 2.1 neu strukturiert:

• Klar hervorgehobener Hauptbutton „Seite vorlesen“
• Zusätzliche Buttons für „Markierten Text vorlesen“ und „Vorlesen stoppen“
• Kompakte Steuerung der Vorlesegeschwindigkeit (Premium)
• Info-Box mit Hinweisen zu Tastaturkürzeln (z. B. Strg + R zum Vorlesen von markiertem Text)

---

Die wichtigsten Funktionen im Überblick

1. Text-zu-Sprache (TTS)

BarrierFree nutzt die browserbasierte Web Speech API, um Inhalte direkt im Browser vorzulesen – ohne zusätzliche Serverdienste.

• Seite vorlesen: Liest den gesamten Seiteninhalt automatisch vor
• Markierten Text vorlesen: Liest nur die vom Benutzer markierten Textpassagen
• Vorlesen stoppen: Beendet die aktuelle Sprachausgabe sofort
• Sprachen: Deutsch (de-DE) und Englisch (en-GB), abhängig von Browser und System

Für Power-User und professionelle Websites lässt sich in der Premium-Version zusätzlich die Vorlesegeschwindigkeit anpassen.

2. Schriftgrößenanpassung

Mit einem Klick können Besucherinnen und Besucher die Schriftgröße an ihre Bedürfnisse anpassen:

• A−: Schrift verkleinern (bis zu −40 Prozent)
• A: Standardgröße wiederherstellen
• A+: Schrift vergrößern (bis zu +40 Prozent)

Die Anpassung erfolgt schrittweise in 10-Prozent-Schritten und wird im LocalStorage des Browsers gespeichert. Die gewählte Einstellung bleibt somit auch beim nächsten Besuch erhalten.

3. Zeichenabstand

Der Zeichenabstand (Letter Spacing) ist insbesondere für Menschen mit Legasthenie hilfreich:

• aA−: Zeichenabstand verringern
• aA: Standardabstand wiederherstellen
• aA+: Zeichenabstand vergrößern

Die Anpassung erfolgt in 0,05-em-Schritten bis zu einem Maximalwert von 0,3 em.

4. Visuelle Modi

BarrierFree stellt verschiedene visuelle Filter bereit, um die Lesbarkeit zu verbessern:

• Graustufen-Modus: Setzt die gesamte Website in Graustufen und reduziert visuelle Ablenkung
• Farben invertieren: Dreht die Farben der Seite um und erzeugt einen dunklen, kontrastreichen Modus

Beide Funktionen werden per CSS-Filter realisiert und können jederzeit an- oder ausgeschaltet werden.

5. Link-Hervorhebung

Damit Links besser auffallen, können sie zusätzlich hervorgehoben werden:

• Links hervorheben: Farbiger Hintergrund für alle Links
• Links unterstreichen: Einheitliche Unterstreichung aller Links mit einer gut sichtbaren Linie

Gerade für ältere Nutzer oder Menschen mit Konzentrationsschwierigkeiten wird Navigation so deutlich leichter.

6. Großer Mauszeiger und Zeilenlineal

• Großer Mauszeiger: Ein deutlich vergrößerter Mauszeiger mit starkem Kontrast erleichtert die Orientierung auf der Seite
• Zeilenlineal (Reading Guide): Ein horizontales Lineal folgt der Mausbewegung und hilft beim Fokussieren einer Zeile – besonders hilfreich bei längeren Texten oder Konzentrationsschwierigkeiten

7. Sprachauswahl

Die Text-zu-Sprache-Funktion kann auf Deutsch oder Englisch eingestellt werden:

• Deutsch (de-DE) als Standard für deutschsprachige Websites
• Englisch (en-GB) für internationale Besucher

Die Auswahl wirkt sich direkt auf die Aussprache der TTS-Funktion aus.

---

Komfortables Admin-Panel für maximale Kontrolle

BarrierFree bringt ein eigenes Einstellungsmenü im WordPress-Backend mit, das alle wichtigen Optionen übersichtlich bündelt.

Grundeinstellungen

• Auswahl der Toolbar-Position
• Wahl des Farbschemas
• Einstellung der Button-Größe (40–100 Pixel, Standard: 60 Pixel)
• Aktivierung eines Debug-Modus für Entwickler (erweiterte Konsole-Ausgaben mit v0-Präfix)

Icon-Einstellungen

Website-Betreiber können aus mehreren Symbolen wählen:

• Standard-Accessibility-SVG
• Rollstuhl-Symbol
• Auge, Hand, Herz, Stern, Zahnrad, Fragezeichen
• Eigenes Icon per Bild-URL (SVG, PNG, JPG, GIF)

Die Icon-Größe kann separat zwischen 16 und 48 Pixeln eingestellt werden.

---

Premium-Funktionen

Mit einem Aktivierungscode lassen sich zusätzliche Premium-Funktionen freischalten:

1. Anpassung der Vorlesegeschwindigkeit
   • 0,75x (langsam)
   • 1,0x (normal)
   • 1,25x (schnelleres Lesen)
2. Anpassung des Blog-Links im Footer der Toolbar
   • Ein- und Ausblenden des Links
   • Eigene Ziel-URL definieren
   • Individueller Link-Text
3. Premium-Badge
   • Kennzeichnung der Version mit Premium-Label direkt im Toolbar-Footer

So lässt sich BarrierFree einfach in professionelle Projekte integrieren und behutsam an das Markenbild anpassen.

---

Performance und Technik

BarrierFree wurde mit Blick auf Performance und Kompatibilität entwickelt:

• Optimierte, schlanke CSS- und JavaScript-Dateien
• Lazy Loading: Assets werden nur im Frontend geladen
• Keine zusätzlichen Datenbankabfragen im laufenden Betrieb
• Speicherung von Benutzereinstellungen im LocalStorage
• Unterstützung moderner Browser (Chrome, Firefox, Safari, Edge, Opera)
• Vollständige Tastaturbedienung, ARIA-Labels und Screen-Reader-Optimierung

Damit fügt sich BarrierFree ressourcenschonend in bestehende Installationen ein.

---

Zielgruppen und Mehrwert

BarrierFree verbessert die Nutzbarkeit deiner Website für unterschiedlichste Besuchergruppen:

• Sehbehinderte Nutzer profitieren von TTS, größerer Schrift, hohem Kontrast und großem Mauszeiger.
• Menschen mit Legasthenie finden durch Zeichenabstand, Zeilenlineal und TTS-Funktionen leichter Zugang zu Inhalten.
• Ältere Besucher freuen sich über größere Schrift, besser sichtbare Links und klare Navigation.
• Kognitiv eingeschränkte Nutzer profitieren von reduzierten visuellen Reizen und einer klar strukturierten Oberfläche.
• Alle anderen genießen eine individuell anpassbare, gut lesbare Website – ohne zusätzliche Registrierung oder komplexe Einstellungen.

---

Installation und erste Schritte

Die Installation entspricht dem üblichen WordPress-Workflow:

1. Plugin-ZIP-Datei (BarrierFree2.1.zip) herunterladen
2. Im WordPress-Backend zu „Plugins → Installieren → Plugin hochladen“ wechseln
3. ZIP-Datei hochladen und Plugin aktivieren
4. Unter „Einstellungen → BarrierFree“ Toolbar-Position, Farbschema und Icon wählen
5. Änderungen speichern – die Toolbar ist sofort im Frontend sichtbar

Für die Premium-Funktionen wird lediglich der Aktivierungscode im entsprechenden Feld eingetragen. Nach dem Speichern stehen alle erweiterten Optionen zur Verfügung.

---

BarrierFree 2.1 bringt moderne Barrierefreiheit auf jede WordPress-Website – ohne komplexe Konfiguration, ohne externe Dienste und ohne technische Hürden für deine Besucher. Die Kombination aus Text-zu-Sprache, Lesemodi, visuellen Anpassungen und einer flexiblen Toolbar macht das Plugin zu einem starken Werkzeug für mehr Inklusion im Web.

Wer seine Website zukunftssicher, benutzerfreundlich und rechtlich besser aufgestellt betreiben möchte, kommt an Barrierefreiheit nicht vorbei – und mit BarrierFree 2.1 ist der Einstieg besonders leicht.