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

Automatische Behebung von Barrierefreiheitsfehlern im laufenden Betrieb

Das System findet WCAG-Fehler und schlägt Korrekturen vor, die Sie vor der Veröffentlichung bestätigen. Echte Änderungen im Code.

7 Tage kostenlos, keine Kreditkarte

Barrierefreiheitsfehler automatisch beheben

Laut WebAIM hat fast jede Website Barrierefreiheitsprobleme. Autofix behebt sie ohne Entwicklungsaufwand.

95.9%

Websites haben Barrierefreiheitsfehler

Laut WebAIM haben 95.9% der Top-Websites WCAG-Fehler. Autofix behebt die meisten ohne Entwickler.

~1 Min.

für die Einbindung

Zwei Tags vor </head> — mehr nicht. Ohne Entwicklung, ohne Build-Änderung, ohne DNS. Funktioniert mit jedem CMS und über den Google Tag Manager.

0

Code-Zeilen von Ihnen

Autofix schreibt Ihre Dateien nicht um. Korrekturen werden über der Seite angewendet, Ihr Quellcode bleibt unangetastet.

So funktioniert es technisch

Von der Einbindung bis zu aktiven Korrekturen — drei Schritte

01Schritt eins

Website einbinden

Zwei Tags vor </head> einfügen — Stylesheet und Skript. Derselbe Weg wie beim Anpassungs-Panel. Danach auf „Prüfen" klicken, um die Einbindung zu bestätigen.

setup · yoursite.com
Einbindungs-CodeJS-Snippet

Vor </head> einfügen

<link rel="stylesheet" href="…/fixes/css" />
<script src="…/iw.js?id=•••" defer></script>
Keine DNS-Änderungen
Jedes CMS oder Google Tag Manager
Kein neuer Build nötig
Einbindung geprüft — Autofix ist aktiv
02Schritt zwei

Autofix bereitet die Korrekturen vor

Es nimmt die vom Audit gefundenen Verstöße und macht daraus fertige Korrekturen, gruppiert nach Regel: Kontrast, ARIA-Attribute, Frames, Links. Jede Gruppe einzeln.

autofix · real-time

Vorbereitete Korrekturen

41 Korrekturen · 41 zur Prüfung

Live
Kontrast korrigiert
7:1
ARIA-Rolle hinzugefügt
role="nav"
Alt-Texte hinzugefügt
12 img
Focus-Indikator hinzugefügt
:focus-visible
Überschriftenstruktur korrigiert
h1→h2→h3
Einbindung bestätigt
03Schritt drei

Prüfen und aktivieren

Die Vorschau zeigt genau, was sich ändert. Gruppenweise anwenden — Gewünschtes annehmen, den Rest offen lassen. Aktiv wird nur, was Sie bestätigen.

Kostenlos testen
preview · yoursite.com

Vorschau prüfen

3 von 4 Gruppen freigegeben

ARIA-Rolle für Button
WCAG 4.1.2 — Name, Rolle, Wert
Textkontrast
WCAG 1.4.3 — Mindestkontrast
Skip navigation
WCAG 2.4.1 — Blöcke umgehen
Aria-Rolle für Navbar
Wartet auf Prüfung
3 / 4Auf der Website aktivieren

5 Arten von Korrekturen

Ein umfassender Ansatz zur Behebung von Barrierefreiheitsfehlern

5+

Bilder & Icons

Markierung dekorativer Bilder, aria-hidden für Icons, Element-Rollen

12+

Formulare & Schaltflächen

Feldbezeichnungen, Schaltflächennamen, Label-Input-Verknüpfungen

18+

ARIA & Rollen

Korrekte Elementrollen, ARIA-Attribute, Live-Regionen

12+

Kontrast & Sichtbarkeit

Textfarben, Elementgrößen, visuelle Klarheit

20+

Navigation & Struktur

Überschriften, Tastatur, Skip-to-Content, Landmarks

10+

Dokument & Sprache

Seitentitel, Dokumentsprache, Meta-Tags

Volle Kontrolle über Änderungen

Versionierung, Rollback und Fail-open — Ihre Website immer unter Kontrolle

Versionierung und Rollback

Volle Kontrolle über jede Änderung.

Erste Korrekturen
01.03.2025
Aktiv
ARIA-Rollen hinzugefügt
05.03.2025
Kontrast korrigiert
10.03.2025

Fail-Open-Prinzip

Wenn der Worker eine Anfrage nicht verarbeiten kann — erhält der Besucher die Originalseite. Null Ausfallrisiko.

Seite funktioniert auch wenn InclusiveWeb nicht verfügbar ist
Worker verarbeitet nur GET-Anfragen für HTML
POST-Anfragen, Formulare und Checkout werden direkt durchgeleitet

Häufige Fragen

Keine Antwort gefunden?

Kontaktieren Sie uns
Bremst Autofix die Website aus?

Das Skript lädt asynchron (defer) und blockiert das Rendering nicht. Die Korrektur-Styles kommen als eigene Datei, der Browser cached sie wie jedes andere CSS. Autofix proxyt Ihren Traffic nicht und steht nicht zwischen Website und Besucher.

Was passiert wenn InclusiveWeb nicht verfügbar ist?

Fail-Open: Wenn der Worker nicht arbeiten kann, bekommt der Besucher die Originalseite. Ihre Website ist immer zugänglich.

Muss ich meinen Website-Code ändern?

Genauso wie beim Anpassungs-Panel: Code vor </head> einfügen — Stylesheet und Skript. Mehr ändert sich nicht: kein HTML, kein CSS, kein DNS. Über den Google Tag Manager funktioniert es ebenfalls.

Kann ich Korrekturen vor der Aktivierung prüfen?

Ja. Im Review-Modus sehen Sie alle Korrekturen in der Vorschau. Jedes Element kann genehmigt oder abgelehnt werden.

Welche Fehler behebt Autofix?

Autofix arbeitet auf vier Ebenen: ARIA-Attribute und Element-Rollen, Seitenstruktur und Überschriften, Kontrast und visuelle Klarheit, Tastaturnavigation. Sichere Fixes werden automatisch angewendet; riskante erfordern Ihre Bestätigung im Review Mode.

Kann ich Autofix separat kaufen?

Ja. Autofix, Audit und Panel sind separate Produkte. Sie können nur Autofix kaufen oder ein Kombi-Paket (Panel + Autofix) mit Rabatt nutzen. Weitere Details auf der Preisseite.

Automatisieren Sie Barrierefreiheit noch heute

Starten Sie mit einer kostenlosen Vorschau. Sehen Sie Korrekturen vor der Aktivierung.

Barrierefreiheits-Autofix — Korrekturen ohne Code-Änderung | InclusiveWeb