Sieh deine Site so, wie deine Nutzer sie wirklich erleben.
Schalte Dark Mode, Reduced Motion, hohen Kontrast und sechs Sehschwächen um — bevor die Seite überhaupt rendert. Echter Chrome-Zustand, keine CSS-Hacks. Anschließend WCAG-Scan in jeder beliebigen Emulation.
Kostenlos · kein Konto · läuft komplett auf deinem Rechner
Das First-Paint-Problem
Die meisten Accessibility-Tools simulieren. Lightswitch emuliert.
CSS-injizierter Dark Mode färbt deine Site eine halbe Sekunde, nachdem der Nutzer das kaputte First Paint gesehen hat. Lightswitch schaltet die Rendering-Umgebung des Browsers um, bevor die Seite gerendert wird — derselbe Mechanismus, den auch das Rendering-Tab in Chrome DevTools nutzt.
Deine Site besteht die Kontrast-Checks.
Helles Theme, Standardsehkraft, volle Bewegung. Auf deinem Monitor sieht alles in Ordnung aus.
Dark + reduzierter Kontrast + Deuteranopie.
Klick auf das Action-Icon. Der Browser zeichnet die Seite in der Nutzer-Umgebung neu.
Plötzlich:
- Text verschwindet im Hintergrund.
- Buttons verlieren ihre Affordance.
- Fokus-States verschwinden.
Was emuliert wird
Echter Chrome-Zustand. Keine CSS-Injection.
Sämtliche Emulation läuft über das Chrome DevTools Protocol — derselbe Mechanismus wie im Rendering-Panel von DevTools. Die Seite rendert genauso, wie sie es für einen Nutzer mit diesen Einstellungen täte.
prefers-color-scheme
Dark / light. Echtes First-Paint, kein CSS-Klassen-Swap.
prefers-reduced-motion
Animationen und Transitions stoppen, so wie es die OS-Einstellung tun würde.
prefers-contrast
More-contrast- oder Less-contrast-Branches in Media Queries.
forced-colors
Windows High Contrast / forced-colors Mode — prüfe, ob dein CSS reagiert.
Sehschwächen
Protanopie, Deuteranopie, Tritanopie, Achromatopsie, verschwommene Sicht, reduzierter Kontrast.
Live-Kontrast-Overlay
WCAG-1.4.3-Kontrast-Audit-Overlay, das Text mit zu wenig Kontrast in Echtzeit markiert.
Regeln pro Domain
Preset automatisch auf dev.example.com anwenden, nie in Production. Whitelist- oder Blacklist-Modus.
Preset-Rotation
Media Features + Sehschwäche als benanntes Preset bündeln. Klick auf das Action-Icon rotiert.
CSS deaktivieren
Komplettes CSS entfernen für die Inspektion des Accessibility-Baums in ungestyltem HTML — hilfreich beim Screen-Reader-Denken.
WCAG-Audit — angetrieben von axe-core
Scan in jedem emulierten Zustand ausführen.
axe-core ist eingebunden und SHA-gepinnt — nichts wird zur Scan-Zeit nachgeladen. Score 0–100 mit Aufschlüsselung pro Verstoß, WCAG-Erfolgskriterium und Deque-University-Deep-Link für jeden Befund.
Single-State-Scan
Scanne die Seite in der gerade aktiven Emulation. Schnelles Feedback beim Refactor — auf Dark schalten, scannen, fixen, nochmal scannen.
Multi-State-Scan
Ein Klick lässt die Seite durch default / dark / deuteranopia / reduced-motion / high-contrast laufen und aggregiert die Findings. Probleme aufdecken, die nur in einer bestimmten Nutzer-Umgebung auftauchen.
Element-Picker
Scan auf einen bestimmten DOM-Teilbaum eingrenzen. Nützlich für Component-Level-Audits, Modals und Design-System-Reviews.
Exportierbare Reports
JSON, in sich geschlossenes HTML oder GitHub-fähiges Markdown. Inspector-Kontext (URL, Emulation, axe-core-Version) ist eingebettet, damit ein weitergeleiteter Report reproduzierbar bleibt.
Ehrlicher Disclaimer. Automatisierte WCAG-Tools erkennen laut Deque-Research rund 57 % der Probleme. Ein sauberer Lightswitch-Scan ist nicht gleichbedeutend mit Konformität — manuelle Prüfung bleibt nötig. Der Disclaimer erscheint überall dort, wo der Score angezeigt wird.
Datenschutz
Läuft komplett auf deinem Rechner.
axe-core ist mit der Erweiterung gebündelt und SHA-256-gepinnt zur Build-Zeit — kein Remote-Fetch, keine Telemetrie, keine Analytics, keine Remote-Endpunkte. Nichts verlässt deinen Browser.
Die Scan-Berechtigung ist optional. Lehnst du sie ab, funktioniert das gesamte Emulations-Featureset trotzdem — nur das WCAG-Audit braucht Page-Content-Access, und auch nur auf den Tabs, die du explizit scannst.
- Manifest V3 — moderne Side-Panel-UI
- Eingebundenes axe-core (MPL 2.0, SHA-256-Vendor-Integrity-Check)
- CDP-basierte Emulation — keine DOM-Injection
- Scripting-Berechtigung wird erst beim ersten Scan angefragt
- Keine host_permissions im Baseline-Manifest
- 370+ Unit-Tests, Playwright-E2E-Suite
Lightswitch + SiteGuardian
Lokal testen. Kontinuierlich monitoren. Beim Release auditen.
Lightswitch ist der Companion zur Dev-Zeit: Probleme vor dem Deploy abfangen. SiteGuardians kontinuierliches Monitoring fängt Drift nach dem Deploy ab. Das Site Audit liefert das Dokument für den Auditor.
Dev-Zeit
Lightswitch
Kostenlose Chrome-Erweiterung. Testen vor dem Release.
Kontinuierlich
Pro / Compliance
Wöchentliche Accessibility-Scans auf jeder überwachten URL mit Drift-Alerts.
On Demand
Site-Audit
100-Seiten-Deep-Crawl mit detailliertem Bericht. 79 € (55 € für Pro/Compliance).
Was gefunden? Scanne die Live-URL.
Lightswitch zeigt dir, was deine Nutzer sehen. Der kostenlose SiteGuardian-Scan sagt dir, was sitewide kaputt ist — Security, SSL, DNS, E-Mail-Auth und Accessibility.