Passt in deinen bestehenden Ablauf
Barrierefreiheits-Widget in deine Website integrieren.
Der Scanner prüft öffentlich erreichbare Seiten ohne Installation. Für die optionalen Lesehilfen verbindest du deine Website mit einem Accessonaut-Projekt. Wähle hier deinen Einbauweg.
Content-Management-Systeme
WordPress
Plugin installieren, Projekt verbinden und Lesehilfen zentral verwalten.
Anleitung öffnen für WordPressTYPO3
Mit der Accessonaut-Extension pro Site einschalten, ohne Template-Änderung.
Anleitung öffnen für TYPO3Contao
Mit dem Accessonaut-Bundle je Website-Startseite einschalten, ohne Layout-Änderung.
Anleitung öffnen für ContaoJoomla
Den Einbaucode als eigenes Modul am Seitenende auf allen Seiten ausgeben.
Anleitung öffnen für JoomlaDrupal
Als externe Bibliothek in deinem eigenen Theme oder Subtheme laden.
Anleitung öffnen für DrupalGhost
Über Code Injection im Site Footer auf allen Seiten deiner Publikation laden.
Anleitung öffnen für GhostHubSpot CMS
Über das Website-Footer-HTML auf allen HubSpot-Seiten einer Domain laden.
Anleitung öffnen für HubSpot CMS
Online-Shops
WooCommerce
Eigene Lesehilfen gezielt auf WooCommerce-Shopseiten einbinden.
Anleitung öffnen für WooCommerceShopify
Das Widget in das gemeinsame Layout deines Online-Shops einfügen.
Anleitung öffnen für ShopifyShopware 6
Über ein eigenes Theme im Block vor dem schließenden body-Tag einbinden.
Anleitung öffnen für Shopware 6PrestaShop
Per Child-Theme vor dem schließenden body-Tag aller Shopseiten einbinden.
Anleitung öffnen für PrestaShop
Website-Baukästen
Webflow
Ein zentraler Footer-Code für die veröffentlichten Webflow-Seiten.
Anleitung öffnen für WebflowWix
Lesehilfen als benutzerdefinierten Code auf der gesamten Website laden.
Anleitung öffnen für WixSquarespace
Über die globale Code Injection zentral einbinden.
Anleitung öffnen für SquarespaceFramer
Den Einbaucode als Custom Code am Ende des body-Tags aller Seiten laden.
Anleitung öffnen für Framer
Eigene Entwicklung und Tag Manager
Next.js / React
Im gemeinsamen Layout laden und bei Seitenwechseln nur eine Instanz verwenden.
Anleitung öffnen für Next.js / ReactHTML / eigenes CMS
Ein Script im gemeinsamen Template deiner Website.
Anleitung öffnen für HTML / eigenes CMSGoogle Tag Manager
Als benutzerdefiniertes HTML-Tag auf allen Seiten deines Containers auslösen.
Anleitung öffnen für Google Tag Manager
Alle genannten Marken und Logos gehören ihren jeweiligen Inhabern. Sie stehen hier nur, um die unterstützten Systeme zu benennen.
Einbau und Verbesserung gehören zusammen.
Das Widget bietet persönliche Darstellungsoptionen. Für zugängliche Inhalte, Formulare und Abläufe behebst du Barrieren zusätzlich im Quellcode. Beginne mit einer Prüfung und dokumentiere die Änderungen.
Praxiswissen für deine nächsten Schritte
Alle Artikel im WissensbereichGrundlagen
Accessibility-Widgets: Sinnvolle Hilfe mit klaren Grenzen
Was ein Barrierefreiheitsmenü leisten kann, welche Probleme an der Quelle gelöst werden müssen und wie du die Einbindung praktisch prüfst.
Umsetzung im Alltag
Barrierefreiheit in WordPress: Theme, Inhalte und Plugins prüfen
Ein praktischer Ablauf für WordPress-Teams: passende Themes auswählen, Inhalte zugänglich pflegen und Änderungen am echten Nutzerweg prüfen.