Bedienungshilfen
Die Bedienungshilfen setzen die Basis, um eine barrierefreie/arme Website zu realisieren. Der Besucher hat die Möglichkeit mit diversen Einstellungen die Darstellung der Website anzupassen.
Schritt 1: Dateien hochladen
- Downloaden Sie die Dateien von GIT
- Entzippen Sie die Datei
- Laden/verteilen Sie die Dateien in Ihre Contao Installation
Schritt 2: Template einbinden
- Legen Sie eine Seite für die Bedienungshilfen an
- Legen Sie ein Inhaltselement vom Typ HTML an
- Binden Sie das Template accessibility_widget.html5 per Contao Insert Tag ein
Schritt 3: jQuery Template in Seitenlayouts einbinden
Binden Sie in allen Seitenlayouts das jQuery Template j_accessibility_settings ein
Optional: Blaue Banner einbinden
1. Binden Sie das Template accessibility_banner.html5 mit dem Contao Insert-Tag file in der fe_page.html5 vor dem </body> Tag ein.
2. Verlinkung im Template accessibility_banner.html5 (settings page id) anpassen
Optional: Quick Tab-Menü
1. Binden Sie das Template accessibility_quick_tabmenu.html5 mit dem Contao Insert-Tag file in der fe_page.html5 nach dem <body> Tag ein.
2. Verlinkungen im Template accessibility_quick_tabmenu.html5 anpassen
Weitere Infos zu den Einstellungen
Die Dateien acc_black_white.css, acc_contrast.css und acc_reverse_colors.css dienen als Vorlage für die eigene Website. Manuelle Anpassungen an den Styles sind ggf. nötig.
| Einstellung | CSS Body-Klasse | CSS Datei |
|---|---|---|
| Fontsize | acc_fontsize_X | acc_widget.css |
| Default font only | acc_default_fonts | acc_widget.css |
| High contrast | acc_contrast | acc_contrast.css |
| Boldface | acc_boldface | acc_widget.css |
| Show focus | acc_focus | acc_widget.css |
| Black / White | acc_black-white | acc_black_white.css |
| Reverse color | acc_reverse_colors | acc_reverse_colors.css |
DSGVO INFO: Die Accessibility-Tools speichern Werte im Localstorage. Eine Liste der Schlüsselnamen inkl. Beschreibung finden Sie im Abschnitt Theme-Cookies.