Accessiway Widget

Barrierefreiheit, die sich wirklich nach dir anfühlt.
Das Accessiway widget macht deine Website für alle nutzbar. Ein Accessibility Interface, mit dem Nutzer:innen ihr Erlebnis ganz nach ihren Bedürfnissen gestalten können.
Wir haben über 10.000 Marken geholfen, nachts ruhig zu schlafen.
Barrierefreiheit, die direkt in deiner Website zuhause ist.
Wer Barrierefreiheit wirklich ernst nimmt, braucht strukturierte Analysen und eine langfristige Strategie.
Das Accessiway widget macht deine Website individuell gestaltbar:
A clear report of issues, prioritised by severity
- Anpassbare Benutzeroberfläche
Deine Besucher:innen haben die Wahl. Kontrast, Schriftgröße, Abstände, vereinfachte Leseansicht – jede Person stellt ein, was für sie am besten funktioniert. So wird Navigation für alle zur angenehmen Erfahrung.
- Kontinuierliche Optimierung
Das Widget läuft still im Hintergrund, wird mit der Zeit besser und lässt sich unkompliziert einbinden - ganz in deinem Markenbild.
Ein Widget allein bringt keine volle Konformität. Es ist ein erster Schritt zur digitalen Barrierefreiheit.
Unterstützung direkt in den Händen der Nutzer
Geben Sie Nutzern die Möglichkeit, ihr Erlebnis ohne Verzögerung so anzupassen, wie es für sie am besten funktioniert.
Ein anpassungsfähigeres Erlebnis unterstützt eine größere Vielfalt an Bedürfnissen.

Benutzerfreundlichkeit prägt Erlebnis und Vertrauen.
Mach Inklusion sichtbar. Und bau eine Strategie, die langfristig trägt.
Das Accessiway Widget gibt Nutzer:innen sofort die Kontrolle – Benutzerfreundlichkeit in Echtzeit, keine Kompromisse.
Ohne Anpassungsmöglichkeiten:
Navigation wird zur Hürde
Frustration steigt
Inhalte bleiben unzugänglich
Engagement bricht ein
Mit Anpassungsmöglichkeiten:
Nutzer:innen agieren selbstständiger
Barrierefreiheit wird sicht- und nutzbar
Zufriedenheit steigt
Mehr Menschen erreichen, was sie suchen
Ein praktischer Schritt in Richtung Compliance und besserer Benutzerfreundlichkeit.
Einmal einrichten. Immer weiter optimieren.
1
Schnelle und unkomplizierte Einbindung
Das Widget lässt sich einfach integrieren - ohne spürbaren Einfluss auf Performance oder Infrastruktur.
2
KI-gestützte Analyse
Die KI-Engine scannt die Struktur deiner Website und zeigt auf, wo Barrierefreiheit verbessert werden kann.
3
Individuelle Einstellungen in Echtzeit
Deine Nutzer:innen passen visuelle und funktionale Einstellungen ganz nach ihren Bedürfnissen an - sofort und ohne Umwege.
4
Kontinuierliche Verbesserung
Das System läuft im Hintergrund, entwickelt sich weiter und passt sich automatisch an Änderungen auf deiner Website an.
5
Teil einer größeren Strategie
Das Widget ist kein Einzelkämpfer - es greift nahtlos in unsere Gesamtlösungen ein und unterstützt Audits und Fehlerbehebungen dort, wo es zählt.
Wer Nutzer:innen dauerhaft stärkt, macht digitale Erlebnisse wirklich inklusiv.

Barrierefreiheit ist bei uns kein Abhaken einer Liste.
Wir verbinden Technologie, zertifiziertes Fachwissen und gelebte Erfahrung damit du nicht einfach nur eine Prüfung bestehst, sondern echte, langfristige Barrierefreiheit aufbaust.
Wir sind hier, um dir zu helfen, digitale Erlebnisse zu schaffen, die alle willkommen heißen
Anerkannte Expertise
Unsere Spezialist:innen sind nach internationalen Barrierefreiheitsstandards zertifiziert und wissen, was sie tun.
Menschliche Perspektive
Wir beraten nicht nur zu Behinderung - wir leben sie. Unser Team bringt Erfahrungen mit, die kein Lehrbuch liefern kann.
Europäische Präsenz
Mit Expert:innen-Hubs in ganz Europa begleiten wir Unternehmen, die in mehreren Märkten und regulatorischen Umfeldern unterwegs sind.
10.000+
unterstützte Unternehmen
Von Finanzen bis Handel - wir helfen globalen Marken dabei, digitale Barrieren abzubauen und zugängliche Systeme zu schaffen, die Bestand haben.
Häufige Fragen, kurze Antworten.
Wir machen Barrierefreiheit einfach.
- Melde dich in deinem Webflow-Dashboard an und wähle für die Website, auf der du accessWidget installieren möchtest, Settings aus.
- Gehe zu Custom Code
- Scrolle nach unten zu Footer Code und füge den Installationscode ein, den du per E-Mail von uns erhalten hast
- Klicke nach dem Einfügen des Codes auf Save Changes und veröffentliche deine Website, damit die Änderungen wirksam werden
- Klicke im Dashboard, im Menü, auf Design und wähle die Option File Editor aus
- Im File Editor findest du auf der rechten Seite unter dem Titel Shortcuts eine Liste bearbeitbarer Dateien
- Der erste Titel der Theme Files, also die jeweils aktive Vorlage deiner HTML-Datei, beginnt immer mit template_ und endet mit .html
- Klicke nach dem Auffinden einfach darauf, woraufhin dich ein Texteditor auffordert, den HTML-Code deiner Vorlage zu bearbeiten
- Hinweis: Falls du die Vorlage gewechselt hast, solltest du oben links auf der Seite ein Auswahlfeld finden, in dem du nach anderen auf deiner Website installierten Vorlagen suchen kannst, um Accessiway auch dort zu installieren. Accessiway funktioniert unabhängig davon, wo du den Code innerhalb deiner Vorlage platzierst. Wir empfehlen jedoch, ihn direkt vor dem schließenden body-Tag einzufügen, das stets die vorletzte Zeile der Datei ist
- Füge in den dafür vorgesehenen Bereich das Implementierungsskript ein, das du von uns bei der Registrierung deiner Website für unseren Dienst erhalten hast
- Lade ein Plugin zum Einfügen von Headers and Footers herunter, installiere und aktiviere es (zum Beispiel "Insert Headers and Footers" oder "Head, Footer and Post Injections")
- Rufe nach der Aktivierung des Plugins über das Settings-Menü dessen Oberfläche auf, wo du einen eigenen Eintrag für das Plugin findest
- Füge in das leere Feld Footer den Installationscode ein, den du per E-Mail von uns erhalten hast
- Klicke nach dem Einfügen des Codes auf Save and publish, um deine Website zu veröffentlichen und die Änderungen zu übernehmen
- Öffne den Weebly-Editor und wähle Settings aus
- Wähle im linken Navigationsmenü SEO aus
- Gib eine Site Description ein
- Füge unter Footer Code den Installationscode ein, den du per E-Mail von uns erhalten hast
- Wähle Save aus
- Wähle oben rechts Publish aus
- Melde dich bei Squarespace an und wähle im Dashboard deine Website aus
- Gehe im Menü zu Website > Pages > Custom Code > Code Injection
- Füge in das Textfeld Footer den Installationscode ein, den du per E-Mail von uns erhalten hast
- Wähle nach dem Einfügen des Codes oben links Save aus
Wenn du ein gängiges CMS oder einen Website-Baukasten verwendest, haben wir wahrscheinlich einen eigenen Leitfaden für dich. Andernfalls kannst du diesen Schritten folgen, um Accessiway einfach zu installieren:
- Kopiere das Skript, das du per E-Mail erhalten hast, und füge es ein.
- Rufe deinen Website-Baukasten auf und füge den Code in das Footer-Menü deiner Website ein, oder platziere ihn direkt vor dem schließenden body-Tag.
Um Accessiway Widget zu installieren, musst du, wenn deine Website in das Joomla-System eingebunden ist, unser Installationsskript direkt im Code deiner Website implementieren, unmittelbar vor dem schließenden body-Tag, über das Verwaltungssystem oder per FTP.
- Erstelle deine Javascript-Datei
- Füge deinen benutzerdefinierten Code in eine Datei namens mycustom.js ein
- Lade diese Datei auf deine Website hoch
Wir laden die Datei beispielsweise in unser Template hoch, sie kann aber überall liegen: templates/mytemplate/js/mycustom.js
- Installiere das Plugin ADD CUSTOM JS
- Gehe zur Erweiterungsseite, suche nach Add Custom JS und klicke auf die Download-Schaltfläche
- Die heruntergeladene ZIP-Datei muss entpackt werden, um die Installationsdateien zu finden. Du siehst zwei Ordner mit einem Modul und einem Plugin. In diesem Fall verwenden wir das Plugin (addcustomjavascript.zip)
- Melde dich im Joomla-Administrationsbereich an und gehe zu Extensions > Manage
- Klicke auf Upload a Package File und suche die Datei addcustomjavascript.zip
- Klicke auf die Schaltfläche Upload and install
- Einrichtung des Plugins: Gehe zu Extensions > Plugins und suche nach System - Add Custom Javascript
- Öffne das Plugin zur Bearbeitung
- Gib bei der Option Custom Javascript File Path den Pfad zu deiner Javascript-Datei ein
In diesem Beispiel haben wir gewählt: templates/mytemplate/js/mycustom.js
- Aktiviere das Plugin
- Wähle bei der Option Ordering "Order last" aus
- Klicke auf die Schaltfläche Save and Close
- Überprüfe das Ergebnis
- Aktualisiere deine Website, um zu bestätigen, dass dein benutzerdefinierter Javascript-Code geladen wir
- Wähle in deinem BigCommerce-Dashboard Storefront aus
- Wähle Script Manager aus und klicke dann auf Create a script
- Vergib einen Namen für das Skript und eine Beschreibung (nach deiner Wahl)
- Wähle Folgendes aus:
- Placement: wähle Footer
- Location: wähle All pages
- Script category: wähle Essential
- Script type: wähle Script
- Füge in das Feld Script contents den Installationscode ein, den du per E-Mail von uns erhalten hast
- Wähle nach dem Einfügen des Skripts Save aus
- Melde dich in deinem Wix-Dashboard an.
- Gehe im Dashboard deiner Website zu Einstellungen.
- Scrolle zum Bereich Entwicklung und Integrationen und wähle Benutzerdefinierter Code aus
- Wähle + Benutzerdefinierten Code hinzufügen aus und füge den Installationscode ein, den du per E-Mail von uns erhalten hast
- Gib einen Namen für deinen Code ein
- Wähle unter Code zu Seiten hinzufügen die Option Alle Seiten aus (damit die gesamte Website barrierefrei wird).
- Wähle im Dropdown-Menü Bestimmte Seiten auswählen die Option zum Laden des Codes bei jedem Seitenaufruf aus.
- Wähle unter Code platzieren in Body - Ende aus und klicke dann auf Anwenden
- Wähle in deinem Hubspot-Dashboard oben rechts das Symbol Settings aus
- Wähle im linken Navigationsmenü Website und dann Pages aus.
- Scrolle auf der Seite Templates nach unten zu Site footer HTML und füge den Installationscode ein, den du per E-Mail von uns erhalten hast.
Dieser Leitfaden ist mit Drupal 7 und späteren Versionen kompatibel.
- Lade das Modul asset_injector unter diesem Link herunter und installiere es
- Wir empfehlen dir, die neueste verfügbare Version des Moduls herunterzuladen, die du unten auf der Seite im Bereich Releases findest
- Gehe nach der Installation des Moduls zu Configuration > Development > Asset Injector > JS Injector
- Füge das Skript des Accessiway-Widgets ein und entferne dabei die öffnenden und schließenden script-Tags
- Klicke im Website-Editor auf das Menüsymbol oben links
- Klicke auf Head Code
- Füge in das leere Feld Site Header Code das Implementierungsskript ein, das du per E-Mail von uns erhalten hast
- Klicke, sobald du im Verwaltungsbereich der Website angemeldet bist, im unteren linken Menü auf Online Store und dann auf Themes
- Klicke auf das Dropdown-Menü Actions und dann auf Edit Code
- Wähle Layout aus und dann theme.liquid
- Füge direkt vor dem schließenden body-Tag das Implementierungsskript ein, das du per E-Mail von uns erhalten hast.
- Melde dich mit deiner E-Mail-Adresse und deinem Kontopasswort bei deinem Google Tag Manager-Konto (https://tagmanager.google.com/) an
- Wähle im Arbeitsbereich Tags aus dem Menü aus und dann Neu.
- Benenne den Tag in Accessiway - Pixel oder einen ähnlichen Namen um und wähle Tag Configuration aus.
- Scrolle im rechten Menü nach unten und wähle Custom HTML aus
- Füge in das leere HTML-Feld den Installationscode ein, den du per E-Mail von uns erhalten hast.
- Klicke auf diese Schaltfläche oder auf das Bearbeitungssymbol rechts. Wähle im neuen Fenster, das sich öffnet, All pages aus
- Wähle Save aus.
- Wähle Submit aus.
- Wähle Publish aus.
Du hast noch Fragen?

