Das Accessibility Widget Add-on buchen und einrichten
Mit dem neuen Accessibility Widget Add-on bei Raidboxes hast du die Möglichkeit, die digitale Barrierefreiheit deiner Website schnell und unkompliziert für deine Besucher:innen zu optimieren.
Das Widget blendet ein Icon auf deiner Website ein, über das deine Besucher:innen individuelle Einstellungen zur besseren Lesbarkeit und Wahrnehmung vornehmen können (z.B. Kontrastanpassungen, Schriftgrößen, Lesemasken oder das Ausblenden von Bildern).
iubenda ist unser Partner für Compliance-Lösungen (wie Cookie-Banner und Datenschutzerklärungen). Das Accessibility Widget wird technisch über das iubenda-Dashboard bereitgestellt und verwaltet.
💡 Völlige Unabhängigkeit: Du musst kein aktives iubenda Add-on für Cookie-Consent oder Datenschutz besitzen, um das Accessibility Widget zu nutzen! Es funktioniert komplett unabhängig von der eingesetzten Cookie-Consent-Lösung (Consent Manager, Real Cookie Banner, Borlabs etc.). Du kannst es also als reines Standalone-Feature buchen.
🛠️ So richtest du das Accessibility Widget ein
Die Einrichtung des Widgets ist in wenigen Minuten erledigt. Der Weg unterscheidet sich nur leicht, je nachdem, ob du bereits ein aktives iubenda Add-on (für Cookie-Banner) bei uns nutzt oder nicht.
🔀 Mehrere Wege zur Buchung: In den folgenden Schritten zeigen wir dir den schnellsten Weg zur Buchung über die Standard Box-Ansicht im Dashboard. Du kannst das Add-on alternativ aber auch jederzeit über die Box-Einstellungen oder über die Vertragsverwaltung im neuen Dashboard hinzubuchen!
Wähle den für dich passenden Weg:
A: Du hast bereits ein aktives iubenda Add-on
Nutze diesen Weg, wenn du iubenda bereits für Cookie-Banner/Datenschutz bei Raidboxes eingerichtet hast.
Schritt-für-Schritt Anleitung
Accessibility Widget hinzubuchen: Gehe in deinem Raidboxes Dashboard in die Boxübersicht (oder Vertragsverwaltung) und aktiviere das Accessibility Widget über den Schalter.
Tarif wählen: Wähle im Checkout das passende Pageview-Paket (z.B. 10.000) für das Widget und schließe die Bestellung ab.
iubenda Dashboard öffnen: Lade die Boxübersicht neu. Das Widget-Icon ist nun grün. Klicke auf Dashboard öffnen.
Widget aktivieren: Scrolle im iubenda Dashboard nach unten bis zum Bereich "Accessibility Widget", aktiviere es und bestätige deine Domain.
Design anpassen: Gehe in die Settings des Widgets. Hier kannst du die Position auf der Website (z. B. unten links) und die Farben (z. B. passend zu deinem Branding) anpassen.
Einbindung (Automatisch): Gehe auf den Bereich Embed. Da du das iubenda Skript bereits in der Vergangenheit (z. B. über das Plugin oder dein Child-Theme) eingebunden hast, musst du hier nichts weiter tun.
✅ Prüfen: Lade deine Website im Frontend neu. Neben deinem Cookie-Banner erscheint nun das Accessibility-Icon an der von dir gewählten Position.
B: Du nutzt NUR das Accessibility Widget (ohne iubenda Cookie-Banner)
Nutze diesen Weg, wenn du z. B. eine andere Cookie-Lösung eines Drittanbieters oder gar keine nutzt und ausschließlich das Accessibility Widget möchtest.
Schritt-für-Schritt Anleitung
Accessibility Widget hinzubuchen: Gehe in deinem Raidboxes Dashboard in die Boxübersicht und aktiviere das Accessibility Widget. Schließe den Checkout für die passenden Pageviews ab.
iubenda Dashboard öffnen: Lade die Boxübersicht neu und klicke auf Zum Dashboard, um in das iubenda Dashboard zu gelangen.
Nicht benötigte Dienste deaktivieren: Da du in diesem Fall keinen Cookie-Banner und keine Datenschutzerklärung von iubenda benötigst, musst du diese Dienste explizit ausschalten bzw. löschen. Deaktiviere dazu die obersten Felder für Privacy Policy und Cookie Solution komplett, sodass nur noch das Accessibility Widget übrig bleibt.
Widget aktivieren: Scrolle direkt zum Accessibility Widget, aktiviere es und bestätige deine Domain.
🎨 Design & Sprache anpassen: Gehe in die Settings. Wähle die Position, passe die Farben an und achte darauf, dass die Sprache (Language) auf die Sprache deiner Zielgruppe gestellt ist. Speichere die Einstellungen.
Embed Code kopieren: Du könntest theoretisch das iubenda Plugin nutzen, aber der schnellste Weg in diesem Fall ist, das Widget einfach manuell einzubinden. Gehe auf Embed und kopiere dir den angezeigten Code-Schnipsel (Skript).
Code in WordPress einfügen: Logge dich in dein WordPress-Backend ein. Das Skript muss in den
<head>-Bereich deiner Website geladen werden.
💡 Tipp zur Skript-Einbindung in WordPress: Es gibt viele Wege, Skripte in den Header einzufügen. Im Video zeigen wir beispielhaft die Nutzung eines kostenlosen Snippet-Plugins (wie WP Headers and Footers). Dies ist nur ein Beispiel, die Nutzung von Drittanbieter-Plugins auf eigene Verantwortung und es gibt viele Plugins-Lösungen. Alternativ kannst du den Code oft auch direkt in den Einstellungen deines Themes (z. B. bei vielen Pagebuildern) oder in der functions.php deines Child-Themes hinterlegen.
✅ Prüfen: Sobald der Code im Header deiner Seite gespeichert ist, rufe dein Frontend auf. Das Accessibility-Widget sollte nun für deine Besucher:innen an der definierten Stelle sichtbar und nutzbar sein.
Wichtiger Hinweis: Das Accessibility Widget unterstützt dich technisch dabei, die digitale Barrierefreiheit deiner Website zu optimieren. Es stellt jedoch keine rechtliche Beratung dar und garantiert keine automatische oder vollständige Erfüllung spezifischer gesetzlicher Vorgaben (wie z. B. dem Barrierefreiheitsstärkungsgesetz).
🔗 Verwandte Artikel:
Raidboxes HelpCenter: Iubenda - So startest du in das Compliance Management