Zie je site zoals je gebruikers hem echt ervaren.
Schakel donkere modus, beperkte beweging, hoog contrast en zes visuele beperkingen in — voordat de pagina rendert. Echte Chrome-staat, geen CSS-hacks. Voer dan een WCAG-scan uit in de gewenste emulatie.
Gratis · geen account · draait volledig op uw apparaat
Het first-paint-probleem
De meeste toegankelijkheidstools simuleren. Lightswitch emuleert.
CSS-geïnjecteerde donkere modus licht je site een halve seconde nadat de gebruiker de stukke first paint heeft gezien op. Lightswitch zet de renderingomgeving van de browser om voordat de pagina rendert — hetzelfde mechanisme dat het Rendering-tabblad van Chrome DevTools gebruikt.
Je site slaagt voor de contrastcontroles.
Licht thema, standaard zicht, volledige beweging. Op je monitor ziet alles er goed uit.
Donker + verminderd contrast + deuteranopie.
Klik op het actie-icoon. De browser tekent opnieuw in de gebruikersomgeving.
Plotseling:
- Tekst verdwijnt in de achtergrond.
- Knoppen verliezen hun affordance.
- Focus-states verdwijnen.
Wat het emuleert
Echte Chrome-staat. Geen CSS-injectie.
Alle emulatie verloopt via het Chrome DevTools Protocol — hetzelfde mechanisme dat het Rendering-paneel van DevTools gebruikt. De pagina rendert precies zoals voor een gebruiker met die voorkeuren.
prefers-color-scheme
Donker / licht. Echte first paint, geen CSS-class-swap.
prefers-reduced-motion
Stop animaties en transities zoals de OS-voorkeur dat zou doen.
prefers-contrast
More-contrast- of less-contrast-branches in media-queries.
forced-colors
Windows High Contrast / forced-colors-modus — controleer of je CSS reageert.
Visuele beperkingen
Protanopie, deuteranopie, tritanopie, achromatopsie, wazig zicht, verminderd contrast.
Live contrast-overlay
WCAG 1.4.3-contrastaudit-overlay die tekst met laag contrast realtime markeert.
Regels per domein
Pas een preset automatisch toe op dev.example.com, nooit in productie. Whitelist- of blacklist-modus.
Preset-rotatie
Bundel media features + visuele beperking als benoemd preset. Klik op het actie-icoon om te roteren.
CSS uitschakelen
Verwijder alle CSS voor inspectie van de accessibility tree zonder styling — handig voor screenreader-denken.
WCAG-audit — aangedreven door axe-core
Voer een scan uit in elke geëmuleerde staat.
axe-core is gebundeld en SHA-gepind — niets wordt opgehaald bij scantijd. Score 0–100 met uitsplitsing per violation, WCAG-succescriterium en Deque-University-deep-link per finding.
Single-state-scan
Scan de pagina in de huidige emulatie. Snelle feedback tijdens een refactor — schakel naar donker, scan, fix, scan opnieuw.
Multi-state-scan
Eén klik draait dezelfde pagina door default / donker / deuteranopie / reduced-motion / high-contrast en aggregeert de findings. Vind problemen die alleen in een specifieke gebruikersomgeving optreden.
Element-picker
Beperk de scan tot een specifieke DOM-subboom. Nuttig voor audits op componentniveau, modals en design-system-review.
Exporteerbare rapporten
JSON, op zichzelf staande HTML of in GitHub plakbare Markdown. Inspector-context (URL, emulatie, axe-core-versie) is ingebed, zodat een doorgestuurd rapport reproduceerbaar blijft.
Eerlijke disclaimer. Geautomatiseerde WCAG-tools identificeren ongeveer 57 % van de problemen volgens het door Deque gepubliceerde onderzoek. Een schone Lightswitch-scan staat niet gelijk aan conformiteit — handmatige review blijft nodig. De disclaimer wordt overal getoond waar de score verschijnt.
Privacy
Draait volledig op uw apparaat.
axe-core wordt met de extensie meegeleverd en SHA-256-gepind bij de build — geen remote fetch, geen telemetrie, geen analytics, geen remote endpoints. Niets verlaat je browser.
De scan-toestemming is optioneel. Wijs je hem af, dan blijft het hele emulatie-featureset werken — alleen de WCAG-audit heeft toegang tot pagina-inhoud nodig, en alleen op de tabs die je expliciet scant.
- Manifest V3 — moderne side-panel-UI
- Gebundelde axe-core (MPL 2.0, SHA-256 vendor-integrity-check)
- CDP-gebaseerde emulatie — geen DOM-injectie
- Scripting-toestemming wordt pas bij de eerste scan gevraagd
- Geen host_permissions in de baseline-manifest
- 370+ unit tests, Playwright-e2e-suite
Lightswitch + SiteGuardian
Lokaal testen. Continu monitoren. Auditen wanneer je release.
Lightswitch is de dev-time companion: vang problemen op vóór de deploy. SiteGuardians continue monitoring vangt drift op na de deploy. De Site Audit levert het deliverable voor de auditor.
Dev-tijd
Lightswitch
Gratis Chrome-extensie. Test voor de release.
Continu
Pro / Compliance
Wekelijkse toegankelijkheidsscans op elke gemonitorde URL met drift-alerts.
Op aanvraag
Site-audit
Diepe crawl van 100 pagina's met gedetailleerd rapport. €79 (€55 voor Pro/Compliance).
Iets gevonden? Scan de live URL.
Lightswitch laat je zien wat gebruikers zien. De gratis SiteGuardian-scan vertelt je wat er site-breed mis is — security, SSL, DNS, e-mailauth en toegankelijkheid.