Zum Hauptinhalt springen
Förderungen bis zu $15.000/Jahr für Medien
InclusiveWeb

Barrierefreiheits-Panel

Erfüllen Sie die Bedürfnisse jedes Besuchers Ihrer Website

Was über Compliance hinausgeht: 31 Werkzeuge und 8 Profile, mit denen Besucher die Seite selbst anpassen. Auf einer bereits korrigierten Seite — nicht statt der Korrektur.

7 Tage kostenlos, keine Kreditkarte erforderlich

So funktioniert es

Drei Schritte von der Installation zum Ergebnis

01Schritt eins

Skript auf der Seite installieren

Eine Zeile Code vor dem schließenden body-Tag — und das Panel funktioniert. Ohne Änderungen an Ihrem bestehenden HTML.

index.html
<!DOCTYPE html>
<html lang="uk">
<head>...</head>
<body>
  ...

  <!-- Eine Zeile — und das Panel läuft -->
  <script
    src="https://cdn.inclusiveweb.net/widget.js"
    data-id="YOUR_ID"
    async></script>
</body>
</html>
02Schritt zwei

Besucher öffnet das Panel

Auf der Seite erscheint eine schwebende Barrierefreiheits-Schaltfläche. Ein Klick — und ein Panel mit 8 Profilen und 31 Werkzeugen öffnet sich.

yoursite.com.ua

Barrierefreiheits-Panel

Deutsch
Barrierefreiheits-Profile
Sehschwäche
Legasthenie
Farbenblindheit
ADHS
Epilepsie
Kognitiv
Motorik
Senioren
Schrift und Lesen
Seitenzoom
100%
Schriftgröße
100%
03Schritt drei

Seite passt sich sofort an

Der Besucher wählt Einstellungen — Schrift, Kontrast, Lesemaske. Die Seite passt sich sofort an, ohne Neuladen.

Kostenlos testen
yoursite.com.ua · adapted
Einstellungen aktivSchrift +20%Überschriften hervorhebenLinks hervorhebenLexend Deca
Machen Sie Ihre Seite zugänglich

Größere Schrift, hervorgehobene Überschriften und Links. Lesemaske und Kontrast nach Ihren Bedürfnissen. mehr erfahren

Mehr erfahren
4 aktiv

Drei Schichten, nicht drei Produkte

Audit findet Fehler. Autofix korrigiert den Code. Panel geht weiter — jeder Besucher erhält persönliche Einstellungen auf einer bereits zugänglichen Seite.

01

Schicht 1 — Audit

Probleme finden

Scannt die Seite anhand von 90+ WCAG-2.2-Regeln und zeigt jedes Accessibility-Problem. Das ist die Diagnose: Sie sehen genau, was den Standard bricht.

02

Schicht 2 — Autofix

Code wirklich korrigieren

Schreibt HTML automatisch auf DNS-Proxy-Ebene um — alt-Texte, ARIA, Kontrast, Überschriften. Kein Overlay-Theater: echte Änderungen, die Screenreader und Google sehen.

03

Schicht 3 — Panel

Über Compliance hinaus

Technische WCAG-Konformität ≠ Komfort für alle. Ältere Nutzer brauchen größere Schrift, Menschen mit Legasthenie Lexend Deca, bei Migräne Monochrom. Panel gibt jedem Besucher persönliche Einstellungen auf einer bereits zugänglichen Seite.

Boden und Decke

Compliance ist der Boden — was die Seite haben muss, um nicht gegen das Gesetz zu verstoßen. Inclusion ist die Decke — wie jeder Besucher die Seite wirklich nutzt. Audit und Autofix bauen den Boden. Panel hebt die Decke.

Compliance (Boden)

WCAG 2.2 AA + EAA 2025 fordern barrierefreie Inhalte. Audit und Autofix schließen die rechtliche Anforderung — ohne Overlay-Theater.

Inclusion (Decke)

Echte Barrierefreiheit = Nutzer wählen Schrift, Kontrast, Tempo selbst. Panel macht das — auf einer bereits korrigierten Seite, nicht statt der Korrektur.

Zusammen — volle Abdeckung

Audit findet → Autofix korrigiert den Code → Panel gibt jedem Besucher Kontrolle. Drei Schichten, ein Ökosystem. Keine Overlay-Abkürzungen, keine halben Sachen.

AuditAutofixBarrierefreiheits-Panel

31 Anpassungs-Werkzeuge + 8 Profile

4 Kategorien von Anpassungen sowie 8 vorgefertigte Profile — decken die Bedürfnisse aller Behinderungsgruppen ab.

Kategorie 01

Legasthenie, kognitive Einschränkungen, ältere Menschen

12
Werkzeuge

Schrift und Lesen

  • Seitenzoom
  • Schriftgröße
  • Buchstabenabstand
  • Wortabstand
  • Zeilenabstand
  • Absatzabstand
  • Schrift für Legasthenie
  • bionisches Lesen
  • Überschriften hervorheben
  • Links hervorheben
  • Textausrichtung
  • Sprachausgabe (TTS)
4
Werkzeuge

Kategorie 02

Visuelle Einstellungen

Farbenblindheit, Sehschwäche, Lichtempfindlichkeit

Dunkler Kontrasthoher KontrastMonochromFarbüberlagerung
5
Werkzeuge

Kategorie 04

Werkzeuge und Navigation

Motorische Einschränkungen, Seitenorientierung

BildschirmtastaturBildschirmlupeÜberschriften-NavigationLink-NavigationLandmark-Navigation

Kategorie 03

Sehkomfort

Epilepsie, ADHS, Konzentration

10Werkzeuge
LesemaskeLeselinealFokus-HervorhebungElemente hervorhebenHover-HervorhebungAnimationen stoppenBilder ausblendenTöne stummschaltengroßer CursorAuto-Scrollen

Anpassung und technische Spezifikationen

Das Panel passt sich vollständig an Ihre Marke an und beeinträchtigt nicht die Website-Performance

Vollständig anpassbar an Ihre Marke

Das Panel passt sich komplett dem Design Ihrer Website an

Button-Position

7 Platzierungsoptionen auf der Seite

Stil und Symbol

5 Designstile, 4 Symboltypen

Markenfarben

Perfekte Abstimmung auf Ihre Corporate Identity

Oberflächensprache

Über 20 Sprachen inkl. automatischer Erkennung

Eigener Button

Verwenden Sie Ihren eigenen Button auf der Seite statt des Standard-Buttons

Barrierefreiheitserklärung

Link zu Ihrer Barrierefreiheitserklärung

Leichtgewichtig und schnell

Beeinflusst die Ladegeschwindigkeit Ihrer Website nicht

~25 KB gzipAsync-Loader, blockiert die Seite nicht. Panel ~117 KB gzip — lazy-loaded im iframe
AsyncNicht-blockierendes Laden
IframeStil-Isolation
Alle BrowserChrome, Firefox, Safari, Edge
Mobil-optimiertResponsives Interface

Über 20 Oberflächensprachen

Das Panel wird automatisch in der Sprache des Besuchers angezeigt

UAENDEESFRITPLRU

Häufig gestellte Fragen

Keine Antwort gefunden?

Kontakt aufnehmen
Beeinflusst das Panel die Ladegeschwindigkeit meiner Website?

Nein. Der Async-Loader ist nur ~25 KB groß (gzip) und blockiert das Laden der Seite nicht. Das Panel selbst (~117 KB gzip) wird erst beim Öffnen durch den Nutzer im iframe nachgeladen. Die Iframe-Isolation stellt sicher, dass die Panel-Styles nicht mit Ihrer Seite kollidieren.

Werden die Einstellungen der Besucher gespeichert?

Ja. Alle gewählten Einstellungen werden im Browser des Besuchers gespeichert (localStorage). Beim nächsten Besuch passt sich die Seite sofort an seine Bedürfnisse an.

Werden Mobilgeräte unterstützt?

Ja. Das Panel verfügt über ein responsives Interface, optimiert für Smartphones und Tablets. Alle Werkzeuge sind auf jedem Gerät verfügbar.

Kann ich auswählen, welche Werkzeuge angezeigt werden?

Ja. Im Dashboard können Sie jedes Werkzeug und Profil aktivieren oder deaktivieren. Änderungen werden ohne Codeanpassung auf Ihrer Website übernommen.

Wie installiere ich es auf WordPress oder Shopify?

Für WordPress — fügen Sie den Code im Footer über den Customizer oder ein Script-Einfüge-Plugin ein. Für Shopify — in theme.liquid vor '</body>' einfügen. Google Tag Manager wird ebenfalls unterstützt.

Machen Sie Ihre Website noch heute für alle zugänglich

7 Tage kostenlos. Installation in einer Minute.

Barrierefreiheits-Widget für Webseiten — 36 Anpassungstools | InclusiveWeb