Skip to main content
Plattform › Dashboard & Scans
Wabiy Scan Engine • Dashboard & Audits

Das zentrale Dashboard für ganzheitliche Web-Audits.

Von WCAG 2.2 Level A bis AAA über Chromium- und Firefox-Engines, KI-Strukturprüfung, W3C WCAG-EM 2.0 Stichproben, Screenreader-Tests bis hin zu verifizierten SEO-, GEO- und Digital-Checks nach deutschem DDG-Standard.

WCAG 2.2 A, AA, AAA Mobile, Tablet & Desktop Chromium & Firefox W3C WCAG-EM 2.0 Deutschland Digital Check (BFSG & DDG)
Live-Interaktives Workspace

Erlebe die Scan-Konfiguration im echten Dashboard

Wähle dein Konformitätsziel, aktiviere Zusatzprüfungen und starte die Analyse in Echtzeit.

Audits›Neuer Audit
US

Webseiten-Audit per URL

[ TARGET.PARAMS ]✦
LEVEL MATRIXLevel AA
VIEWPORTSMobile
RULE-SETALL SYS.DEF
SENSORSOFFLINE
ZUSÄTZLICH PRÜFEN
MESSUNGEN
ZULETZT GEPRÜFT
1

Konformitätsziel und Kriterien

Wähle den Standard für diesen Audit.

86 Regeln im Katalog
Level AGrundlegende Basis
Level AAEmpfohlener Standard
Level AAAHöchste Stufe
Alle StufenOhne Konformitätsziel, für explorative Scans
3

Prüfumgebung

Für welche Kombination gilt die Bewertung?

Tatsächlich verwendeter Browser

Wähle die Browser-Engine, in der Wabiy die Website prüft.

ChromiumChromium-basierte Browser-Engine
Kriterienkatalog & Responsivität

Alle Stufen der WCAG 2.2 auf Mobile, Tablet & Desktop

Barrierefreiheit ist kein statischer Einheitswert. Nutzer besuchen Websites auf unterschiedlichsten Geräten mit unterschiedlichen Zoomstufen. Wabiy testet jede Seite in den drei maßgeblichen Viewports:

Mobile Viewport (375px & 390px)

Prüfung von Touch-Target-Größen (WCAG 2.5.8 Mindestgröße 24×24px), Hamburger-Menüs, mobilen Dialogen und Reflow ohne horizontalen Scrollbalken (WCAG 1.4.10).

Tablet Viewport (768px & 820px)

Prüfung des Übergangs zwischen Desktop- und mobiler Struktur, Split-Screens, Tabellen-Umbruch und Gestensteuerung (Pointer Gestures WCAG 2.5.1).

Desktop Viewport (1440px & 1920px)

Tastaturnavigation, Fokusindikatoren (Focus Appearance WCAG 2.4.11 / Focus Not Obscured WCAG 2.4.12), Sticky Header und mehrspaltige Navigationsebenen.

Konformitätsstufen im Detail

Level A • Grundlegende Basis 48 Kriterien

Absolutes Mindestmaß: Tastaturbedienbarkeit ohne Blockaden, Alt-Texte für Bilder, Sprachattribut im HTML und Vermeidung von Flackereffekten.

Level AA • Gesetzlicher Standard (BFSG & BITV) 86 Kriterien

Der empfohlene und gesetzlich verbindliche Standard für E-Commerce, Dienstleistungen und Portale (BFSG ab Juni 2025). Enthält Farbkontraste (4.5:1), Reflow bis 400% Zoom, Fokus-Sichtbarkeit und konsistente Navigation.

Level AAA • Höchste Inklusionsstufe 114+ Kriterien

Maximale Barrierefreiheit für Bildungsportale, Behörden und spezialisierte Fachanwendungen. Enthält erweiterte Kontraste (7:1), Leichte Sprache und Gebärdensprach-Integration.

Echte Browser-Umgebungen

Prüfung in Chromium & Firefox – Keine reinen Quelltext-Scans

Moderne Websites sind vollwertige Webanwendungen. Reine Quelltext-Crawler übersehen bis zu 70% der Barrieren, weil Single-Page-Apps (React, Vue, Next.js) Inhalte erst per JavaScript im DOM rendern. Wabiy führt echte Browser-Engines aus.

Chromium Headless Engine

Blink-Engine • Google Chrome, Edge, Opera, Vivaldi

Chromium bildet die Grundlage für über 75% aller weltweiten Web-Aufrufe. Wabiy startet Chromium im vollen Headless-Modus, führt den gesamten Lifecycle aus (Hydration, Web Worker, CSS Grid, Canvas) und extrahiert den finalen Accessibility Tree.

  • Volle Unterstützung für Web Components & Shadow DOM
  • Chromium Layout-Engine & Performance-Metriken (Lighthouse & CrUX)
  • Exakte Emulation von High-DPI und Retina-Bildschirmen

Firefox Gecko Engine

Gecko-Engine • Mozilla Firefox

Firefox ist bei Screenreader-Nutzern (insbesondere NVDA) traditionell extrem stark verbreitet. Die Gecko-Engine berechnet den Barrierefreiheits-Baum (IAccessible2) nach strengen W3C-Vorgaben und deckt Cross-Browser-Fokusfehler auf.

  • Prüfung auf Gecko-spezifisches ARIA- und Landmarken-Verhalten
  • Identifikation von Tastaturfallen, die in Chromium nicht auffallen
  • Standard-Auditierung nach dem Mozilla Accessibility Inspector
Intelligente Analyse

KI-gestützte Prüfung von Medien & semantischen Strukturen

Herkömmliche Regeltester können nur prüfen, ob ein alt-Attribut vorhanden ist – aber nicht, ob der Inhalt sinnvoll, wahrheitsgemäß und barrierefrei formuliert wurde. Wabiy kombiniert deterministische Regeln mit multimodalen KI-Modellen.

KI-Bildanalyse & Kontrasterkennung

Erkennung von rein dekorativen Bildern vs. informativen Grafiken, semantischer Genauigkeitsabgleich des Alt-Texts und Erkennung von Text in Bildern (WCAG 1.4.5 Images of Text).

KI-Struktur- & Kontextprüfung

Prüfung logischer Überschriften-Hierarchien (H1-H6), ARIA-Landmarken-Vollständigkeit (banner, main, navigation, contentinfo) und Verknüpfung von Formularfeldern mit erklärenden Hinweistexten.

AI Semantic Evaluation Engine v5.2 AI.DOM
// Before: Generic or missing alt attribute
- <img src="teaser.jpg" alt="Image1" />
// After: AI multimodal contextual synthesis
+ <img src="teaser.jpg" alt="Senior woman navigating an accessible civic service touchscreen kiosk" />
Context-Score: 98.4% WCAG 1.1.1 Pass
Methodik & Konformität

Stichprobenziehung nach dem W3C WCAG-EM 2.0 Standard

Bei Websites mit tausenden Seiten ist eine manuelle Vollprüfung unmöglich. Das W3C definiert mit WCAG-EM (Website Accessibility Conformance Evaluation Methodology) ein verbindliches 5-Stufen-Verfahren zur Auswahl repräsentativer Stichproben.

1

1. Evaluations-Scope festlegen

Definition von Domain-Grenzen, Ziel-Konformitätsstufe (z. B. WCAG 2.2 AA) und Baseline für unterstützende Technologien (Browser & Hilfsmittel).

WCAG-EM 2.0
2

2. Repräsentative Stichprobe

Algorithmus-basierte Selektion von Startseite, Kontakt, Checkout, Formularen, Tabellen, dynamischen Modals und unterschiedlichen Template-Typen.

WCAG-EM 2.0
3

3. Strukturierte Prozess-Audits

Gezielte Prüfung vollständiger Nutzerprozesse (z. B. Registrierung, Kaufabschluss, Suchfunktion) über mehrere Seiten hinweg.

WCAG-EM 2.0
4

4. Prüfbericht & Scorecard

Automatisierter, formaler Prüfbericht nach W3C-Standard mit Konformitätsquote, Fehlerschwere und priorisierten Fixes.

WCAG-EM 2.0
Entwickler-Integration

Repository-Scans via GitHub & GitLab – Barrierefreiheit im Code

Barrierefreiheit beginnt in der Codebasis, bevor HTML gerendert wird. Wabiy verbindet sich direkt mit deinen GitHub- und GitLab-Repositories, klont den Code sicher in eine isolierte Sandbox und führt statische AST-Prüfungen durch.

Repository Cloning & AST-Analyse

Prüfung von JSX/TSX, Vue-SFCs, Astro- und HTML-Dateien direkt im Quellcode. Erkennt fehlende ARIA-Attribute, inkorrekte HTML-Semantik und fehlerhafte Farbwerte in Tailwind- und CSS-Variablen.

Pull-Request- & CI/CD-Integration

Verhindere Accessibility-Regressionen bei jedem Commit. Automatisierte PR-Kommentare zeigen exakte Zeilen und Code-Fixes an.

Linked Repositories Auto-Sync Active
frontend-storefront github.com/company/storefront
0 Barriers
customer-portal-app gitlab.com/company/portal
2 PRs Pending
Screenreader Voice Simulation NVDA / JAWS API
🔊 “Primary navigation, 4 items. Selected link: Dashboard & Scans. Press Enter to activate.”
🔊 “Edit text: Website URL. Required. Press Ctrl+Enter to launch scan.”
AOM Accessibility Tree: Valid 0 Focus Traps
Assistive Technologien

Screenreader-Simulation & Prüfung des Accessibility Object Model (AOM)

Ein Screenreader liest nicht das visuelle DOM, sondern den Barrierefreiheits-Baum (Accessibility Tree) des Betriebssystems. Wabiy simuliert Screenreader-Navigationen und prüft die akustische Verständlichkeit.

AOM-Baum & Rollen-Hierarchie Prüfung auf korrekte ARIA-Rollen (role='dialog', role='tablist', role='alert') und barrierefreie Namen (accName computation algorithm).
Tastaturfokus & Focus Traps Automatische Detektion von Modal-Dialogen, die den Fokus nicht einfangen, sowie Elementen mit tabindex='-1', die unabsichtlich interaktiv sind.
Sichtbarkeit & Auffindbarkeit

Suchmaschinen (SEO) & KI-Sichtbarkeit (GEO)

Barrierefreie Websites sind für alle auffindbar. Suchmaschinen-Crawler und moderne KI-Systeme (Perplexity, ChatGPT Search, Google Gemini) benötigen sauberes HTML, semantische Markierungen und valide Metadaten.

Offizieller Prüfkatalog

SEO & GEO Prüfregeln im Detail

Geprüfte Kriterien für klassische Suchmaschinen und moderne KI-Generatoren (ChatGPT, Perplexity, Gemini).

Neu: Deutschland Digital Check • 4-in-1 Audit

Der Deutschland Digital Check: Barrierefreiheit, Recht & Sichtbarkeit

Speziell für den deutschen Markt entwickelt: Ein 4-Säulen-Scan, der Unternehmen die rechtliche Sicherheit nach BFSG, DDG und DSGVO gibt und gleichzeitig ihre organische sowie KI-basierte Auffindbarkeit sichert.

BFSG & DDG Standards
1

1. Barrierefreiheit (WCAG 2.2 A & AA)

Vollständige Prüfung der gesetzlichen Pflichtkriterien nach dem Barrierefreiheitsstärkungsgesetz (BFSG) und der BITV 2.0 für Portale, E-Commerce und Dienstleistungen.

2

2. Suchmaschinen-Optimierung (SEO)

Prüfung auf Crawlbarkeit, kanonische URLs, Title-Tags, Meta-Descriptions, strukturierte Daten (Schema.org) und hreflang-Konsistenz.

3

3. KI-Sichtbarkeit (GEO)

Optimierung für Large Language Models (LLMs) und Antwortmaschinen: Maschinenlesbare Entitäten, Article-Provenance und Vorhandensein im Initial-HTML.

4

4. Rechtssicherheit & DDG-Konformität

Prüfung des Impressums nach dem neuen Digitale-Dienste-Gesetz (§ 5 DDG), Datenschutzerklärung, Cookie-Consent (TDDDG) und barrierefreie Kontaktmöglichkeiten.

Baue ein Web, das für alle funktioniert.

Starte jetzt mit einem kostenlosen Check oder entdecke die gesamte Wabiy Plattform.

Prüfung nach WCAG 2.2BFSG 2025 KriterienKostenlos & ohne Registrierung