Barrierefreiheits-Widget · kein Overlay, echtes Scannen

Ist Ihre Website für alle zugänglich? Raten Sie nicht, messen Sie.

30 Einstellungen und 11 vorgefertigte Profile für Besucher mit einer einzigen Codezeile. Dahinter ein echter WCAG 2.2 Scanner: Barrierefreiheitsstatus (0-100), ein nach Schweregrad geordneter Verstoßbericht und ein EAA-Erklärungsgenerator. Sehen Sie die technischen Befunde und verbessern Sie sie.

Kostenlos starten Beispielbericht ansehen Barrierefreiheitsstatus (0-100) · Verstoßbericht · EAA-Erklärung

Abgedeckte Standards und Frameworks

Die obigen Abzeichen sind unterstützte Standards; die alleinige Installation des Widgets bedeutet keine automatische/vollständige rechtliche Konformität.

Ehrliche Positionierung

Eine "barrierefreie Website per Klick" gibt es nicht.

Overlay-Tools injizieren ein einziges Skript und behaupten "sofortige Compliance"; das löst weder die meisten WCAG-Verstöße noch vermeidet es rechtliche Risiken. Wir haben einen anderen Weg gewählt: messen, berichten, dokumentieren.

Der Overlay-Ansatz

Eine Skriptzeile, ein großes Versprechen.

  • "Sofort / 100% Compliance / schützt vor Klagen", rechtliches Risiko
  • Korrigiert den Quellcode nicht; verbirgt das Problem, statt es zu lösen
  • Erstellt keinen prüfbaren Bericht und keine Erklärung
  • Es kann in das DOM eingreifen und den Screenreader beschädigen

"Wir haben einen Button eingebaut, die Website wurde barrierefrei", so funktioniert es in Wirklichkeit nicht.

cerez.io Ansatz

Hilfs-Widget + echter Scanner + Dokumentation.

  • Misst tatsächlich anhand der WCAG-2.2-Regeln A/AA/AAA
  • Barrierefreiheitsstatus (0-100) + priorisierter Verstoßbericht
  • Dokumentieren Sie Ihre Pflicht mit dem EAA-Erklärungsgenerator
  • Shadow DOM, das native Screenreader-Verhalten bleibt erhalten

Wir sagen es klar: vollständige Compliance erfordert Quellcode-Korrekturen und manuelle Prüfung. Wir verkürzen den Weg und liefern den Nachweis.

Echter Scan · echtes Ergebnis

Keine Vermutung, messbare Compliance.

Der WCAG-2.2-Scanner analysiert Ihre Website Seite für Seite, ordnet die Verstöße nach Schweregrad und ermittelt einen Barrierefreiheitsstatus von 0-100. Der folgende Bericht ist ein Beispielergebnis.

0/ 100 Barrierefreiheitsstatus

WCAG 2.2 AA · 24 Seiten gescannt

Letzter Scan: heute 09:14

+14 Punkte gegenüber dem Vormonat
Priorisierte Verstöße17 Befunde · Beispiel
Kritisch Bild ohne Alt-Text3 Bilder haben keine Beschreibung, der Screenreader kann sie nicht vorlesen · WCAG 1.1.1 (A) KI-Vorschlag
Kritisch Niedriger FarbkontrastSchaltflächentext ist 2.9:1, für AA ist ≥4.5:1 erforderlich · .btn-secondary · WCAG 1.4.3 (AA) Im Code beheben
Schwerwiegend Fokus-Indikator nicht sichtbarDer :focus-Stil wurde entfernt, Tastaturnutzer verlieren die Orientierung · WCAG 2.4.7 (AA) Im Code beheben
Schwerwiegend Fehlendes Formular-LabelDas Sucheingabefeld hat keinen barrierefreien Namen · input#search · WCAG 3.3.2 (A) Leitfaden
Mittel Überschriftenhierarchie übersprungenSprung von h2 zu h4, h3 wird übersprungen · Blogbeitrag · WCAG 1.3.1 (A) Leitfaden

Der automatische Scan erfasst einen erheblichen Teil der Verstöße; vollständige WCAG-Compliance erfordert Quellcode-Korrekturen und manuelle Prüfung. "Auto-Fix" bietet nur für bestimmte Verstöße eine vorübergehende Lösung auf SDK-Ebene. Für KI-Alt-Text-Vorschläge wird eine menschliche Prüfung empfohlen.

0
Barrierefreiheitsfunktionen · mit einem Klick aktiv
0
Vorgefertigte Profile (Legasthenie, Senioren, anfallsicher…)
0-100
Messbarer Barrierefreiheitsstatus
0 Codezeile
Installationscode
11 vorgefertigte Profile

Der Besucher wählt das passende Profil mit einem Klick.

Jedes Profil aktiviert die zugehörige Funktionsgruppe auf einmal und merkt sich die Präferenz des Nutzers.

Senioren-Modus

Große Schrift, hoher Kontrast, Animationsstopp, großer Cursor.

Anfallsicher

Animationen stoppen, Blitzeffekte werden blockiert. Für Epilepsie.

Sehschwäche

Großer Text, Buchstaben- und Zeilenabstand, Link-Hervorhebung, großer Cursor.

Legasthenie

OpenDyslexic-Schriftart, Zeilenabstand, Lesehilfe, Buchstabenabstand.

ADHS-Modus

Lesemaske, einfache Ansicht, reduziert Ablenkungen.

Farbenblindheit

Farbenblindheitsfilter, Protanopie, Deuteranopie, Tritanopie.

Motorisch eingeschränkt

Große Klickziele, Tastaturnavigation, Animationsstopp.

Aufmerksamkeitsstörung

Lesemaske, hervorgehobener Text, einfaches Design.

Parkinson-Modus

Großer Cursor, große Klickflächen, Animationen entfernen.

Intelligenter Nachtmodus

Geringe Helligkeit, warme Farben, reduzierte Animationen.

Kognitive Beeinträchtigung

Gut lesbare Schrift, Zeilenabstand, Animationen gestoppt.

30 Einstellungen · 6 Kategorien

Unter dem Profil, 30 Einstellungen.

Insgesamt 30 einzelne Einstellungen für Text, Lesen, Farbe, Hervorhebung und Bewegung sowie 11 vorgefertigte Profile. Einige Einstellungen sind standardmäßig aus und erscheinen nur, wenn der Websitebetreiber sie aktiviert.

Inhaltseinstellungen

10 Einstellungen
  • Textgröße (3 Stufen)
  • Zeilen-, Buchstaben- und Wortabstand
  • Lesbare und Legasthenie-Schrift
  • Großer Cursor, Cursorfarbe, Animationen anhalten

Navigation

12 Einstellungen
  • Fokushervorhebung, größere Klickfläche
  • Leselineal und Lesemaske
  • Tastaturfokus, Link-Hervorhebung
  • Ton aus, Autoplay stoppen

Farbfilter

8 Einstellungen
  • Monochrom und Sättigung
  • Hoher Kontrast und Kontrastverstärkung
  • Geringe Helligkeit, Sepia, Farbton
  • Unterstrichene Links

Das Widget läuft im Shadow DOM und beeinträchtigt weder das CSS der Host-Website noch das Verhalten nativer Screenreader.

AI-gestützt · Pro-Plan

Automatische Vorschläge für fehlende Alt-Texte .

Mit dem Claude-Bildmodell findet es Bilder ohne Alt-Text und schlägt beschreibenden Text vor. Ergebnisse werden zwischengespeichert, dasselbe Bild wird nie zweimal verarbeitet. So schließen Sie Befunde zu WCAG 1.1.1 (Nicht-Text-Inhalt) schneller.

  • Verknüpft mit den Verstößen "fehlender Alt-Text" im Scan-Bericht
  • Plan-basiertes Kontingent, wächst mit der Nutzung
  • Es handelt sich um einen Vorschlag; eine menschliche Prüfung vor der Veröffentlichung wird empfohlen.
Installation

Eine Codezeile, zwei Produkte.

Fügen Sie eine einzige Zeile in den <head> Ihrer Website ein; das Widget lädt async im Shadow DOM und lässt Ihr Host-CSS unberührt. Es verwendet denselben API-Key wie Cookie Consent; beide Produkte kommen mit einem einzigen Embed.

  • Keine Entwickler-WarteschlangeAnleitungen für WordPress, Shopify, Next.js und GTM stehen bereit.
  • Blockiert den First Paint nichtLädt async; minimale Auswirkung auf den Lighthouse-Score.
  • CSP-kompatibel, isoliertKeine JS-Namespace-Konflikte; nativer Screenreader bleibt erhalten.

Eine einzige Zeile. 30 Einstellungen + 11 Profile + Shadow DOM automatisch aktiv; das Scannen wird über das Panel gestartet.

EAA · 2019/882

Der European Accessibility Act ist in Kraft.

Ab dem 28. Juni 2025 führt der EAA Barrierefreiheitspflichten in Branchen wie E-Commerce, Banking, Verkehr und Telekommunikation ein. Türkische Websites, die in den EU-Markt verkaufen, können ebenfalls in den Geltungsbereich fallen. cerez.io unterstützt diesen Prozess durch Messung und Dokumentation.

  • Scan mit Ziel WCAG 2.2 AA + Barrierefreiheitsstatus (0-100)
  • EAA-Erklärungsgenerator, dokumentiert Ihre Pflicht
  • Ein lokales Team, das KAİK und KVKK kennt

Diese Seite stellt keine Rechtsberatung dar; holen Sie für Geltungsbereich und Pflichten branchenspezifische Beratung ein.

Ehrliche Erklärung

"Vollständig konform" zu sagen, kann ein Bußgeld nach sich ziehen.

Im April 2025 verhängte die US-amerikanische Federal Trade Commission gegen accessiBe ein Bußgeld von 1 Million Dollar, weil das Unternehmen behauptete, "eine Zeile Code macht Ihre Website WCAG-konform." cerez.io macht genau das Gegenteil: Es stützt Ihre Erklärung auf einen echten WCAG-Scan und sagt niemals "vollständig konform" ohne Nachweis.

Beweisbasiert Die Erklärung wird automatisch aus dem Barrierefreiheitsstatus und den nach Schweregrad eingestuften Verstößen Ihres letzten Scans erstellt, nicht aus einer leeren Vorlage.
Keine übertriebenen Behauptungen Bei offenen Verstößen stuft es automatisch auf "teilweise konform" herab und ergänzt den Hinweis "automatisierte Tests belegen keine vollständige Konformität."
Rechtlich korrekt Grundgerüst der EN 301 549 / EU-Mustererklärung, benannte Beschwerdestellen und ein Selbsterklärungs-Disclaimer.
Häufige Fragen

Ihre offenen Fragen

Bietet Ihr Widget "sofortige Compliance"?
Nein, und das sagen wir offen. Overlays versprechen "Konformität mit einem Klick"; das ist falsch und ein rechtliches Risiko. Wir scannen Ihre Website wirklich, liefern einen Barrierefreiheitsstatus von 0-100 und einen priorisierten Verstoßbericht, bieten Besuchern ein unterstützendes Widget und erstellen Ihre EAA-Erklärung. Vollständige Konformität erfordert Korrekturen im Quellcode und eine manuelle Prüfung; wir verkürzen den Weg und dokumentieren die Nachweise.
Worin unterscheiden Sie sich von Overlay-Tools?
Overlays verbergen das Problem; wir messen und berichten es. Wir testen die WCAG-2.2-Regeln A/AA/AAA wirklich, listen Verstöße nach Schweregrad auf, lösen einige per "Auto-Fix" vorübergehend auf SDK-Ebene und erstellen Ihre EAA-Erklärung. Das Widget läuft im Shadow DOM und greift weder in das DOM der Host-Website noch in das Verhalten nativer Screenreader ein.
Gilt die EAA für uns?
Wenn Sie Produkte oder Dienstleistungen im EU-Markt anbieten, höchstwahrscheinlich ja. Ab dem 28. Juni 2025 wird in den Branchen E-Commerce, Banking, Verkehr und Telekommunikation WCAG 2.2 AA angestrebt. Türkische E-Commerce-Websites mit europäischen Kunden können ebenfalls in den Geltungsbereich fallen. Für den genauen Geltungsbereich holen Sie branchenspezifische Beratung ein.
Kollidiert das Widget mit Screenreadern?
Das Widget ersetzt nicht den Screenreader des Besuchers. Es läuft isoliert in einem Shadow DOM; Funktionen, die mit einem Screenreader kollidieren könnten (z. B. markierten Text vorlesen, Lupe), sind standardmäßig aus und erscheinen nur, wenn der Websitebetreiber sie aktiviert.
Wie wird KI-Alt-Text erstellt?
Im Pro-Tarif enthalten. Mit dem Claude-Bildmodell findet es Bilder ohne Alt-Text und schlägt automatisch eine Beschreibung vor. Dank Zwischenspeicher wird dasselbe Bild nie zweimal verarbeitet. Es handelt sich um Vorschläge; sie werden nie ohne Ihre Freigabe veröffentlicht.
Bietet "Auto-Fix" vollständige Compliance?
Nein. Auto-Fix ergänzt nur für bestimmte Lücken (zum Beispiel einen leeren Seitentitel, ein unbeschriftetes Formularfeld oder einen namenlosen Link) vorübergehend etwas auf SDK-Ebene; Probleme wie Kontrast oder Fokus-Sichtbarkeit behebt es nicht und ändert den Wert nicht. Strukturelle Probleme erfordern Quellcode-Korrekturen; unser Bericht listet diese in Prioritätsreihenfolge mit einem Korrekturleitfaden auf.
Beeinträchtigt das Widget die Geschwindigkeit meiner Website?
Da es async lädt, blockiert es den First Paint nicht; da es Shadow DOM nutzt, beeinflusst es Ihr globales CSS nicht. Die Auswirkung auf den Lighthouse-Score ist minimal.

Beginnen Sie noch heute, Ihre Barrierefreiheit zu messen.

Kein Overlay, wir scannen Ihre Website wirklich: Barrierefreiheitsstatus (0-100), Verstoßbericht, EAA-Erklärung. 30 Einstellungen + 11 Profile, Shadow DOM-Sicherheit und türkischer Support in einem einzigen Panel.