ANLEITUNG FÜR SVELTEKIT

SvelteKit
barrierefrei machen.

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

35 Anleitungen35 kurze KlickvideosOhne externe Video-Embeds

SvelteKitScript-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. Clientseitig mit onMount laden. Bei einer Unterpfad-Basis den Assetpfad anpassen.

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 SvelteKit

Widget herunterladen

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

static/barrierex-widget.js

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

src/routes/+layout.svelte

Öffne src/routes/+layout.svelte und füge den für SvelteKit erzeugten Code einmal in das gemeinsame Layout ein.

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.

DarstellungPositionAkzentfarbe

#7051e8

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

Framework-Code

<!-- Im vorhandenen <script> von src/routes/+layout.svelte ergänzen -->
<script>
  import { onMount } from 'svelte';
  onMount(() => {
    if (document.querySelector('[data-barrierex-loader]')) return;
    const script = document.createElement('script');
    script.src = '/barrierex-widget.js';
    script.dataset.barrierexLoader = 'true';
    script.dataset.mode = 'floating';
    script.dataset.color = '#7051e8';
    script.dataset.position = 'right';
    document.head.append(script);
  });
</script>

Widget-Datei Lokales npm-Paket

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.

SvelteKit: 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.

SvelteKitbarrierefrei machen.