İçeriğe atla
Barrierefreiheits-Widget · kein Overlay, echtes Scannen

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

40+ Barrierefreiheits-Funktionen und 10+ vorgefertigte Profile mit einer einzigen Codezeile. Dahinter ein echter WCAG 2.2 Scanner: ein 0-100 Compliance-Score, ein nach Schweregrad geordneter Verstoßbericht und ein EAA-Erklärungsgenerator. Messen und verbessern Sie Ihre Compliance.

Kostenlos starten Beispielbericht ansehen 0-100 Score · 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
  • 0-100 Compliance-Score + 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 erstellt einen 0-100-Compliance-Score. Der folgende Bericht ist ein Beispielergebnis.

0/ 100 Compliance-Score

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) Auto-Fix
Schwerwiegend Fokus-Indikator nicht sichtbarDer :focus-Stil wurde entfernt, Tastaturnutzer verlieren die Orientierung · WCAG 2.4.7 (AA) Auto-Fix
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 WCAG 2.2-Compliance-Score
0 Min.
Einrichtungszeit mit einer einzigen Zeile Embed-Code
10+ 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.

Sehbehindert

Screenreader, Lupe, hoher Kontrast, Link-Hervorhebung.

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

Vereinfachte Ansicht, Wörterbuch, AI Easy Read, Animationen aus.

40+ Funktionen · 6 Kategorien

Unter dem Profil, 50+ Auslöser.

10 Inhalt + 11 Orientierung + 7 Farbe + 5 Hervorhebung/Beschriftung + 4 Animation + 4 Struktur = insgesamt 40+ einzelne Funktionen; zusammen mit 10+ vorgefertigten Profilen 50+ Auslöser.

Inhaltseinstellungen

10 Funktionen
  • Textgröße (mehrere Stufen)
  • Zeilen- / Buchstabenabstand
  • Lesbare + Legasthenie-Schrift
  • Großer Cursor, Wörterbuch, AI Easy Read

Navigation

11 Funktionen
  • Lupe (mehrere Zoomstufen)
  • Screenreader (Web Speech)
  • Lesehilfe + Maske
  • Tastaturnavigation, Link-Hervorhebung

Farbfilter

7 Funktionen
  • Monochrom (Graustufen)
  • Hochkontrast-Varianten
  • Sättigungsanpassung
  • Geringe Helligkeit, Farbenblindheits-Filter

Hervorhebung & Label

5 Funktionen
  • Link- / Überschriften-Hervorhebung
  • Button-Rahmen-Hervorhebung
  • Anzeige von Bild-Alt-Labels
  • Tooltip-System

Animation

4 Funktionen
  • Animationen stoppen (epilepsiesicher)
  • Video-Autoplay deaktivieren
  • Blinkende Effekte blockieren
  • Reduce-Motion-Unterstützung

Seitenstruktur

4 Funktionen
  • Zusammenfassung der Seitenstruktur
  • Überschriftenhierarchie
  • Skip-Link-Integration
  • ARIA-Live-Region-Ansagen

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 der OpenAI Vision API erkennt es Bilder ohne Alt-Text und erstellt einen beschreibenden Textvorschlag. Die Ergebnisse werden zwischengespeichert, sodass dasselbe Bild nie zweimal verarbeitet wird. Es ist ein Beschleuniger, um WCAG-1.1.1-Befunde (Non-text Content) zu schließen.

  • 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 Zeile Code, 5 Minuten.

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. 40+ Funktionen + 10+ 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 + Konformitätsscore von 0-100
  • EAA-Erklärungsgenerator, dokumentiert Ihre Pflicht
  • Lokales Team, abgestimmt auf KAİK und KVKK in der Türkei

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 Konformitätsscore 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.
Warum eine ehrliche Erklärung? Der Fall accessiBe und die korrekte Erklärung
Häufige Fragen

Ihre offenen Fragen

Bietet Ihr Widget "sofortige Compliance"?
Nein, und das sagen wir ganz offen. Overlays versprechen "Konformität mit einem Klick"; das ist falsch und zugleich ein rechtliches Risiko. Wir scannen Ihre Website tatsächlich, liefern einen Score von 0-100 und einen priorisierten Verstoßbericht, bieten Besuchern ein Assistenz-Widget und erstellen Ihre EAA-Erklärung. Vollständige Konformität erfordert Korrekturen am Quellcode und manuelle Prüfung; wir verkürzen den Weg und dokumentieren den Nachweis.
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.
Wie funktioniert der Screenreader?
Es liest Seitentext mit der Web Speech API (browser-nativ) vor. Mehrsprachige Unterstützung ist vorhanden. Es ersetzt native Screenreader nicht, sondern ergänzt sie, und dank der Shadow-DOM-Architektur bleibt das native Verhalten unbeeinträchtigt.
Wie wird KI-Alt-Text erstellt?
Eine Funktion des Pro-Plans. Mit der OpenAI Vision API erkennt es Bilder ohne Alt-Text und erstellt automatisch einen Beschreibungsvorschlag. Durch einen Cache-Mechanismus wird dasselbe Bild nie zweimal verarbeitet. Es ist ein Vorschlag; eine menschliche Prüfung vor der Veröffentlichung wird empfohlen.
Bietet "Auto-Fix" vollständige Compliance?
Nein. Auto-Fix wendet für bestimmte Verstöße (zum Beispiel ein fehlendes aria-label oder Fokus-Sichtbarkeit) eine Laufzeitverbesserung auf SDK-Ebene an. 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: 0-100 Score, Verstoßbericht, EAA-Erklärung. 40+ Funktionen + 10+ Profile, Shadow DOM-Sicherheit und türkischer Support in einem einzigen Panel.


⚡ YASAL ZORUNLULUK 2025/10 Cumhurbaşkanlığı Genelgesi: Kamu, belediye, banka, üniversite, hastane, okullar için 21 Haziran 2026'ya WCAG 2.2 A zorunlu · Ceza: 5.000–25.000 TL/tespit
Detay →