Barrierefreiheits-Widget in WordPress einbinden.

Das brauchst du

WordPress ab 6.3, PHP ab 7.4 und Administratorrechte zum Installieren von Plugins. Lege in Accessonaut zuerst ein Projekt mit deiner tatsächlichen Website-Domain an und öffne im Projekt die Einbauseite.

Schritt für Schritt

1. Lade das Accessonaut-Plugin auf der WordPress-Seite herunter. Öffne Plugins → Plugin hinzufügen → Plugin hochladen und wähle die ZIP-Datei.
2. Aktiviere Accessonaut Accessibility und öffne Einstellungen → Accessonaut.
3. Übertrage die HTTPS-Service-Adresse und die öffentliche Projekt-ID aus dem Einbaucode deines Accessonaut-Projekts. Wähle das zentrale Projektdesign oder gestalte Farben, Schrift, Formen, Texte und Abstände lokal. Die Vorschau lädst du bei Bedarf ausdrücklich.
4. Lies die Hinweise zum externen Dienst und aktiviere die Verbindung. Speichere die Einstellungen und leere WordPress- und CDN-Caches.

Das WordPress-Plugin

Das Plugin setzt den Code für dich ein. Es ist als ZIP verfügbar. Seine Aktivierung allein startet keine Verbindung: Du schaltest das Widget erst nach der Konfiguration ausdrücklich ein.

Das Design an deine Website anpassen

Öffne im Accessonaut-Projekt „Widget & Browser-Assistent“. Fünf Vorlagen und eine Live-Vorschau helfen dir beim Gestalten: Farben, Schriften, Menübreite, Ecken, Schatten, Symbol oder beschrifteter Öffner sowie eigene Texte. Position und Randabstände lassen sich für Desktop und Smartphone abstimmen. Nach dem Speichern übernimmt dein vorhandener Einbaucode das Projektdesign automatisch; die öffentliche Konfiguration wird bis zu einer Minute zwischengespeichert.

Im WordPress-Plugin kannst du stattdessen lokale Einstellungen wählen. Diese haben Vorrang vor dem Projektdesign. Die Gestaltung ist in allen Tarifen verfügbar. Im Free-Tarif bleibt der Accessonaut-Hinweis sichtbar. Persönliche Leseeinstellungen deiner Besuchenden haben Vorrang vor Designvorgaben.

Darauf achten

Ein zusätzlicher Einbau im Theme oder Tag Manager erzeugt doppelte Scripts. Nutze eine Einbauart. Das Theme muss wp_footer() ausgeben. Das Plugin verändert keine Theme- oder Core-Dateien.

Einbau prüfen

• Öffne die öffentliche Website in einem privaten Fenster. Das Widget wird genau einmal angezeigt.
• Erreiche den Button mit der Tastatur. Öffne das Panel, ändere die Textgröße und schließe es wieder.
• Prüfe Startseite, Unterseite, Formular und mobile Ansicht. Das Widget darf keine wichtigen Bedienelemente verdecken.
• Prüfe im Netzwerk-Tab, dass widget.js und die Projektkonfiguration von deiner Service-Adresse geladen werden. Bei Fehlern kontrolliere Domain, Projekt-ID und CSP.
• Bei Free-Projekten bleibt der sichtbare Accessonaut-Hinweis Bestandteil des Widgets. Berechtigungen kommen aus deinem Projekt.

Datenschutz und Grenzen

Beim Laden ruft der Besucherbrowser das Script und die Projektkonfiguration vom Accessonaut-Dienst ab. Dabei fallen IP-Adresse, Browser-Anfragedaten und Website-Hostname an. Darstellungswünsche werden lokal im Browser gespeichert. Berücksichtige die Einbindung in deinen Datenschutzhinweisen und prüfe deine konkrete Konfiguration.

Die Lesehilfen erzeugen keine Konformitätsgarantie. Prüfe Barrieren im Quellcode und vollständige Nutzerabläufe zusätzlich automatisch und manuell.

Offizielle Plattformdokumentation