Anleitung & Integration

In wenigen Schritten zu einer barrierefreieren Webseite mit dem Se-Di Widget.

🏠 Zurück zur Startseite

1. Widget herunterladen

Laden Sie sich das komplette Paket als ZIP-Datei herunter.

📥 Widget hier herunterladen

2. Installation

1
Entpacken: Entpacken Sie die ZIP-Datei.
2
Hochladen: Laden Sie den Ordner js per FTP in Ihr Hauptverzeichnis hoch.
3
Einbinden: Kopieren Sie den Code in den <head> Ihrer Seiten.

3. Konfiguration & Anpassung

Sie können die Position des Buttons über "Data-Attribute" direkt im Script-Tag steuern:

Attribut	Werte	Beschreibung
`data-position`	`"right"` \| `"left"`	Bestimmt, ob das Icon am rechten oder linken Bildschirmrand erscheint. (Standard: "right")
`data-bottom`	z.B. `"200px"`, `"20%"`	Bestimmt den vertikalen Abstand vom unteren Rand. (Standard: "200px")

4. Code-Beispiele

Einbindung in HTML

<!-- Se-Di Barrierefreiheit -->
<script src="/js/accessibility.js" 
        data-position="right" 
        data-bottom="200px" 
        defer></script>

Einbindung in PHP

<?php
// Einbindung in der header.php
echo '<script src="/js/accessibility.js" data-position="right" data-bottom="200px" defer></script>';
?>

5. Funktionsprüfung (Vorschau)

Überprüfen Sie hier direkt, ob das Widget aktiv ist und Ihre Einstellungen übernommen werden.

Einstellungen von der Startseite werden hier automatisch angewendet.

Sie benötigen Hilfe?

Buchen Sie unseren Installations-Service per TeamViewer für nur 39,00 € zzgl. MwSt.

Für Vor-Ort-Termine berechnen wir 0,35 € pro km (Anfahrt) zzgl. MwSt.

Erreichbar Mo - Fr von 10:00 bis 18:00 Uhr.

📩 Jetzt Kontakt aufnehmen

🏠 Zurück zur Startseite