Beschreibung: Ein Werkzeug, das es den Nutzern ermöglicht, die Benutzeroberfläche der Website entsprechend spezifischer visueller, kognitiver oder motorischer Bedürfnisse anzupassen und so eine komfortablere Navigation für alle zu gewährleisten.
Wozu dient es? (Praktische Beispiele)
Dieses Werkzeug ist grundlegend, um sicherzustellen, dass Ihre Website von einem möglichst breiten Publikum genutzt werden kann, einschließlich Nutzern mit vorübergehenden oder dauerhaften Behinderungen.
- Verbesserung der Lesbarkeit: Ein sehbehinderter Nutzer kann die Textgröße erhöhen und mit nur einem Klick den hohen Kontrast aktivieren.
- Reduzierung von Ablenkungen: Ein Nutzer mit Legasthenie oder ADHS kann eine spezielle Schriftart oder eine Lesemaske aktivieren, um sich besser auf den Inhalt zu konzentrieren.
- Sicherstellung der Sicherheit: Personen, die empfindlich auf visuelle Reize reagieren, können Animationen deaktivieren und die Farbsättigung reduzieren, um sicherer zu navigieren.
Hauptfunktionen
Das Barrierefreiheits-Panel ist über ein schwebendes Symbol am Bildschirmrand aufrufbar und unterteilt seine Funktionen in vier Hauptkategorien:
1. Barrierefreiheitsprofile (Schnelleinstellungen)
Diese Profile aktivieren automatisch eine Kombination von Werkzeugen, die für bestimmte Bedürfnisse optimiert sind, und ermöglichen so eine sofortige Konfiguration der Website. Die Aktivierung eines Profils deaktiviert automatisch die anderen.
| Profil | Zweck |
|---|---|
| Epilepsiesicher | Entfernt Animationen, Bewegungseffekte und reduziert die Verwendung gesättigter Farben. |
| Für Sehbehinderte | Erhöht den Kontrast und die Textgröße zur besseren Sichtbarkeit. |
| Für kognitive Beeinträchtigungen | Hebt Links und Hauptüberschriften hervor, um Fokus und Orientierung zu verbessern. |
| ADHS-freundlich | Aktiviert Werkzeuge zur Reduzierung visueller Ablenkungen wie die Lesemaske. |
| Für Blinde | Optimiert die Tastaturnavigation und verwendet gut lesbare Schriftarten für Screenreader. |
2. Inhaltsanpassung
Diese Werkzeuge wirken direkt auf die Darstellung des Textes ein.
- Text vergrößern/verkleinern: Passt die Schriftgröße auf der gesamten Seite an und behält das ursprüngliche Verhältnis bei.
- Lesbare Schriftart: Wendet eine standardisierte und klare Schriftart (Arial) auf alle Textelemente an.
- Legastheniefreundliche Schriftart: Verwendet eine speziell entwickelte Schriftart zur Erleichterung des Lesens für Menschen mit Legasthenie.
- Überschriften hervorheben: Fügt den Überschriften (H1, H2 usw.) eine visuelle Hervorhebung hinzu, um das Scannen der Seite zu erleichtern.
- Links unterstreichen: Stellt sicher, dass alle Hyperlinks deutlich unterstrichen sind.
3. Visuelle Anpassung
Diese Werkzeuge verändern das Farb- und Dynamikbild der Seite.
- Dunkler Kontrast: Aktiviert ein dunkles Thema (Nachtmodus) für die gesamte Website.
- Hoher Kontrast: Erhöht drastisch den Kontrast zwischen Text und Hintergrund.
- Geringe Sättigung: Verringert die Farbintensität.
- Bilder ausblenden: Versteckt alle dekorativen und fotografischen Bilder zur Reduzierung der visuellen Belastung.
- Animationen reduzieren: Deaktiviert Übergangs- und Bewegungseffekte.
4. Navigation und Orientierung
Diese Werkzeuge unterstützen den Nutzer beim Folgen des Inhalts und bei der Interaktion mit der Maus.
- Lupe: Vergrößert den Text unter dem Mauszeiger.
- Lesemaske: Verdunkelt einen Großteil des Bildschirms und lässt nur einen schmalen horizontalen Streifen sichtbar, der dem Cursor folgt, um die Konzentration auf die aktuelle Zeile zu fördern.
- Lesehilfe: Bietet eine horizontale Linie, die dem Cursor folgt, um beim Verfolgen der Textzeile zu helfen.
- Großer schwarzer/weißer Cursor: Vergrößert den Mauszeiger und ändert dessen Farbe zur besseren Sichtbarkeit.
Wie wird es konfiguriert
Das Modul erfordert keine Konfiguration durch den Administrator, da es direkt vom Endnutzer verwendet wird.
Wichtiger Hinweis: Alle vom Nutzer gewählten Einstellungen werden im Browser gespeichert. Das bedeutet, dass einmal aktivierte Barrierefreiheitseinstellungen bei jedem Besuch der Website erhalten bleiben, bis sie deaktiviert oder zurückgesetzt werden.
Automatische Integrationen
Schneller Zugriff und Persistenz
Das Barrierefreiheits-Panel ist jederzeit über ein schwebendes Symbol erreichbar. Die ausgewählten Einstellungen werden sofort angewandt und bleiben auch nach Schließen und erneuten Öffnen des Browsers aktiv.
Unterstützte Navigation
Das Modul fügt automatisch einen Link „Zum Hauptinhalt springen“ am Seitenanfang hinzu. Dies ist essenziell für Nutzer, die per Tastatur oder Screenreader navigieren; es ermöglicht ihnen, Navigationsbereiche schnell zu überspringen und direkt zum zentralen Seiteninhalt zu gelangen.
Zurücksetzen
Im Panel steht stets eine Schaltfläche Zurücksetzen zur Verfügung, mit der alle vorgenommenen Änderungen aufgehoben werden können und das Standardlayout der Website wiederhergestellt wird.
