Vedi il tuo sito come lo vedono davvero i tuoi utenti.
Attiva modalità scura, motion ridotto, contrasto elevato e sei deficienze visive — prima ancora del rendering della pagina. Stato Chrome reale, senza trucchi CSS. Poi lancia uno scan WCAG nell'emulazione che preferisci.
Gratis · senza account · gira interamente sulla tua macchina
Il problema del first paint
La maggior parte dei tool di accessibilità simula. Lightswitch emula.
La modalità scura iniettata via CSS si attiva mezzo secondo dopo che l'utente ha visto il first paint rotto. Lightswitch cambia l'ambiente di rendering del browser prima che la pagina venga renderizzata — lo stesso meccanismo della scheda Rendering di Chrome DevTools.
Il tuo sito supera i controlli di contrasto.
Tema chiaro, vista predefinita, motion completo. Sul tuo monitor sembra tutto a posto.
Scuro + contrasto ridotto + deuteranopia.
Clicca sull'icona azione. Il browser ridipinge nell'ambiente dell'utente.
All'improvviso:
- Il testo sparisce nello sfondo.
- I pulsanti perdono l'affordance.
- Gli stati di focus spariscono.
Cosa emula
Stato Chrome reale. Nessuna iniezione CSS.
Tutta l'emulazione passa per il Chrome DevTools Protocol — lo stesso meccanismo del pannello Rendering di DevTools. La pagina si renderizza esattamente come per un utente con quelle preferenze.
prefers-color-scheme
Scuro / chiaro. First paint reale, non uno scambio di classi CSS.
prefers-reduced-motion
Ferma animazioni e transizioni come farebbe la preferenza a livello OS.
prefers-contrast
Branch di media-query more-contrast o less-contrast.
forced-colors
Modalità Windows High Contrast / forced-colors — verifica che il tuo CSS risponda.
Deficienze visive
Protanopia, deuteranopia, tritanopia, acromatopsia, vista offuscata, contrasto ridotto.
Overlay di contrasto in tempo reale
Overlay di audit di contrasto WCAG 1.4.3 che evidenzia in tempo reale il testo a basso contrasto.
Regole per dominio
Applica un preset automaticamente su dev.example.com, mai in produzione. Modalità whitelist o blacklist.
Rotazione preset
Raggruppa media feature + deficienza visiva come preset con nome. Clic sull'icona per ruotare.
Disattiva CSS
Rimuovi tutto il CSS per ispezionare l'accessibility tree in HTML non stilizzato — utile per ragionare in ottica screen reader.
Audit WCAG — basato su axe-core
Esegui uno scan in qualsiasi stato emulato.
axe-core è incluso e pin-SHA — nulla viene scaricato al momento dello scan. Punteggio 0–100 con dettaglio per violazione, criterio di successo WCAG e deep-link a Deque University per ogni finding.
Scan a stato singolo
Scansiona la pagina nell'emulazione attualmente applicata. Feedback rapido durante un refactor — passa a scuro, scansiona, correggi, riscansiona.
Scan multi-stato
Un clic esegue la stessa pagina attraverso default / scuro / deuteranopia / reduced-motion / contrasto elevato e aggrega i finding. Fai emergere problemi che compaiono solo in uno specifico ambiente utente.
Element picker
Limita lo scan a uno specifico sotto-albero DOM. Utile per audit a livello componente, modali e review del design system.
Report esportabili
JSON, HTML self-contained o Markdown incollabile su GitHub. Il contesto dell'inspector (URL, emulazione, versione axe-core) è incluso, così un report inoltrato rimane riproducibile.
Disclaimer onesto. I tool WCAG automatici individuano circa il 57 % dei problemi secondo la ricerca pubblicata da Deque. Una scansione Lightswitch pulita non equivale a conformità — la revisione manuale è comunque necessaria. Il disclaimer è mostrato ovunque appaia il punteggio.
Privacy
Gira interamente sulla tua macchina.
axe-core è incluso nell'estensione e SHA-256-pinnato al build — nessun fetch remoto, nessuna telemetria, nessun analytics, nessun endpoint remoto. Nulla esce dal tuo browser.
Il permesso di scan è opzionale. Se lo rifiuti, tutto il set di funzioni di emulazione continua a funzionare — solo l'audit WCAG richiede l'accesso ai contenuti della pagina, e solo sui tab che scansionai esplicitamente.
- Manifest V3 — UI side-panel moderna
- axe-core incluso (MPL 2.0, controllo integrità SHA-256)
- Emulazione basata su CDP — nessuna iniezione DOM
- Permesso scripting richiesto solo al primo scan
- Nessun host_permissions nel manifest baseline
- Oltre 370 unit test, suite Playwright e2e
Lightswitch + SiteGuardian
Testa in locale. Monitora in continuo. Audita quando rilasci.
Lightswitch è il compagno in fase di sviluppo: scopri i problemi prima del deploy. Il monitoraggio continuo di SiteGuardian intercetta il drift dopo il deploy. Il Site Audit ti dà il deliverable per l'auditor.
Sviluppo
Lightswitch
Estensione Chrome gratuita. Testa prima del rilascio.
Continuo
Pro / Compliance
Scan settimanali di accessibilità su ogni URL monitorato con drift alert.
On demand
Audit del sito
Crawl approfondito di 100 pagine con report dettagliato. 79 € (55 € per Pro/Compliance).
Trovato qualcosa? Scansiona l'URL live.
Lightswitch ti mostra ciò che vedono gli utenti. Lo scan gratuito di SiteGuardian ti dice cosa non va in tutto il sito — sicurezza, SSL, DNS, autenticazione email e accessibilità.