Zum Inhalt
ANLEITUNG FÜR ASTRO

Astro
barrierefrei machen.

So baust du das Barrierefreiheits-Menü von barrierex in Astro ein: Schritt für Schritt, mit 20-Sekunden-Video und ehrlichen Hinweisen, was Astro erlaubt.

35 Anleitungen35 kurze KlickvideosOhne externe Video-Embeds
Integrationen Frameworks

AstroScript-Einbindung

Quellen geprüft
2026-10-29
Vor dem Einbau kurz prüfen

Einbindung im gemeinsamen Layout. Nicht jede Version oder Hostingkonfiguration wurde live getestet. Bei ClientRouter muss die Widget-Instanz nach Navigation erhalten oder neu geladen werden; siehe Codebeispiel.

Deine 20-Sekunden-AnleitungStumm · mit Untertiteln

Eigene schematische Klickanleitung, keine Originalaufnahme des Anbieter-Dashboards. Bezeichnungen können je Tarif, Sprache oder Editor-Version abweichen.

SCHRITT FÜR SCHRITT

So verbindest du Astro

01

Widget herunterladen

Lade barrierex-widget.js herunter. Die Datei benötigt keine Zugangsdaten und kommuniziert nicht mit einem barrierex-Dienst.

02

public/barrierex-widget.js

Lege barrierex-widget.js unter public/barrierex-widget.js ab. Der Browser muss die Datei über die eigene Domain laden können.

03

src/layouts/Layout.astro

Öffne src/layouts/Layout.astro und füge den für Astro erzeugten Code einmal in das gemeinsame Layout ein.

04

Veröffentlichen & prüfen

Baue und veröffentliche deine Website. Prüfe die Lesehilfe auf zwei Unterseiten und bei Tastaturnavigation. Nutze anschließend den Installationscheck.

PASSEND ZU DEINER WEBSITE

Dein Einbaupaket.

Datei nach public/barrierex-widget.js kopieren. Bei Unterpfad-Deployments den Assetpfad anpassen.

Framework-Code
<script is:inline src="/barrierex-widget.js" data-mode="floating" data-color="#7051e8" data-position="right" defer></script>
<!-- Auch mit ClientRouter: der Loader reagiert auf astro:page-load. -->
DER LETZTE SCHRITT

Ist dein Script angekommen?

Prüfe die veröffentlichte Seite. Wir suchen das Script im HTML und testen, ob die Datei erreichbar ist.

Die URL wird nicht gespeichert. Dieser Check ist kein Barrierefreiheitsnachweis.

Direkt zur Herstellerdokumentation

Menüpfade und Einschränkungen wurden aus öffentlichen Herstellerquellen recherchiert. Es wurden keine Installationen in fremden Kundenkonten vorgenommen.

Astro: Quelle 1
NICHT SICHER, WAS DAHINTERSTECKT?

Deine URL reicht
für einen ersten Hinweis.

Die Erkennung ist ein Vorschlag aus öffentlichen HTML-Merkmalen. Bitte bestätige die Plattform, bevor du etwas einbaust.