Barrierefreiheit

muss kostenfrei sein - Nutzen Sie gerne das kostenfreie Widget von BR | SozialManagement

BRsM Accessibility Widget – Einfache Einbindung

Barrierefreiheit einfach integrieren

Mit dem BRsM Accessibility Widget kannst du deine Webseite um hilfreiche Funktionen zur besseren Bedienbarkeit erweitern, zum Beispiel:


  • größere Schrift
  • hoher Kontrast
  • Tastatursteuerung
  • Fokus-Hervorhebung
  • Vorlesefunktion
  • reduzierte Animationen
  • Unterstützung für Menschen mit Seh- oder Konzentrationseinschränkungen

Das Widget funktioniert komplett clientseitig und kann in wenigen Minuten eingebunden werden.

Barrierefreiheit Symbol Widget für soziale Organisationen

Und so bekommst du es auf die Webseite deiner Organisation oder auch auf deine private Page:


1. Download

  • Lade die aktuelle Datei herunter: Download Barrierefreiheits-Widget
  • Speichere die Datei im Hauptverzeichnis auf deinem Webserver, zum Beispiel hier: /brsm-widget-v7.js


2. Einbindung in die Webseite

Füge folgenden Code direkt vor dem schließenden </body>-Tag deiner Webseite ein:


<script src="/js/brsm-widget-v7.js"></script>


Fertig.

Nach dem Laden erscheint automatisch das Accessibility-Widget auf deiner Webseite rechts im unteren Drittel gut sichtbar.


Hinweise (auch für deine IT-Abteilung)

  • Das Widget funktioniert ohne zusätzliche Frameworks
  • Die Einstellungen der Besucher werden lokal im Browser gespeichert
  • Das Widget ist responsive und mobiloptimiert
  • Diese Version enthält Verbesserungen für WCAG-/BFSG-orientierte Bedienbarkeit


Wichtig

Das Widget unterstützt die Barrierefreiheit deiner Webseite, ersetzt jedoch keine vollständige technische WCAG-Prüfung der gesamten Website.


Für vollständige digitale Barrierefreiheit sollten zusätzlich unter anderem folgende Punkte berücksichtigt werden:

  • semantisch korrektes HTML
  • Alt-Texte für Bilder
  • Tastaturbedienbarkeit
  • korrekte Formularbeschriftungen
  • ausreichende Farbkontraste
  • strukturierte Überschriften
  • verständliche Fehlermeldungen


Bitte habt/haben Sie Verständnis dafür, dass ich keinen individuellen technischen Vollsupport für die Einbindung des Widgets anbieten kann. Für die Integration in die eigene Webseite sind grundlegende Kenntnisse im Umgang mit Webseiten und Webhosting hilfreich bzw. erforderlich.



Die Position des Widgets ändern?


Die Position des Widgets kann direkt im Script angepasst werden.

Suche im Script folgenden Bereich:


.${WIDGET_NAME}-button {
position: fixed;
bottom: 25%;
right: 24px;
}


Diese Werte bestimmen die Position des Buttons auf der Webseite.


Beispiele
Weiter nach unten
bottom: 10%;

oder:

bottom: 20px;


Weiter nach oben

bottom: 40%;


Weiter nach links

right: 80px;


Auf die linke Seite verschieben

right ersetzen durch:

left: 24px;


Beispiele für typische Positionen
Unten rechts
bottom: 20px;
right: 20px;


Mitte rechts
bottom: 50%;
right: 20px;


Unten links
bottom: 20px;
left: 20px;


Nach jeder Änderung muss die Webseite einmal neu geladen werden, damit die neue Position sichtbar wird.


Barrierefreie Webseite für soziale Organisationen
Datenschutzrichtlinie

OK