Veja o seu site como os utilizadores realmente o veem.
Ative modo escuro, movimento reduzido, alto contraste e seis deficiências visuais — antes da página renderizar. Estado real do Chrome, sem hacks de CSS. Depois execute um scan WCAG em qualquer emulação.
Grátis · sem conta · corre totalmente na sua máquina
O problema do first paint
A maioria das ferramentas de acessibilidade simula. O Lightswitch emula.
O modo escuro injetado por CSS ilumina o seu site meio segundo depois de o utilizador ver o first paint partido. O Lightswitch alterna o ambiente de renderização do browser antes da página renderizar — o mesmo mecanismo do separador Rendering do Chrome DevTools.
O seu site passa nas verificações de contraste.
Tema claro, visão por defeito, movimento total. No seu monitor parece tudo bem.
Escuro + contraste reduzido + deuteranopia.
Clique no ícone de ação. O browser repinta no ambiente do utilizador.
De repente:
- O texto desaparece no fundo.
- Os botões perdem a affordance.
- Os estados de focus desaparecem.
O que emula
Estado real do Chrome. Sem injeção de CSS.
Toda a emulação passa pelo Chrome DevTools Protocol — o mesmo mecanismo do painel Rendering das DevTools. A página renderiza exatamente como o faria para um utilizador com essas preferências.
prefers-color-scheme
Escuro / claro. First paint real, não troca de classe CSS.
prefers-reduced-motion
Pare animações e transições como faria a preferência ao nível do SO.
prefers-contrast
Ramos de media-query more-contrast ou less-contrast.
forced-colors
Modo Windows High Contrast / forced-colors — verifique se o seu CSS responde.
Deficiências visuais
Protanopia, deuteranopia, tritanopia, acromatopsia, visão turva, contraste reduzido.
Sobreposição de contraste em tempo real
Sobreposição de auditoria de contraste WCAG 1.4.3 a destacar texto de baixo contraste em tempo real.
Regras por domínio
Aplique um preset automaticamente em dev.example.com, nunca em produção. Modo whitelist ou blacklist.
Rotação de presets
Agrupe media features + deficiência visual como preset nomeado. Clique no ícone para alternar.
Desativar CSS
Remova todo o CSS para inspecionar a accessibility tree em HTML sem estilos — útil para pensar em modo screen reader.
Auditoria WCAG — com axe-core
Execute um scan em qualquer estado emulado.
axe-core vem incluído e SHA-fixado — nada é descarregado na altura do scan. Score 0–100 com detalhe por violação, critério de sucesso WCAG e deep-link Deque University para cada finding.
Scan de estado único
Faça scan da página na emulação atualmente aplicada. Feedback rápido durante um refactor — alternar para escuro, scan, corrigir, voltar a fazer scan.
Scan multi-estado
Um clique executa a mesma página através de default / escuro / deuteranopia / reduced-motion / alto contraste e agrega os achados. Revele problemas que só aparecem num ambiente de utilizador específico.
Seletor de elementos
Restrinja o scan a uma sub-árvore DOM específica. Útil para auditorias ao nível de componente, modais e revisão do design system.
Relatórios exportáveis
JSON, HTML autossuficiente ou Markdown pronto para colar no GitHub. O contexto do inspector (URL, emulação, versão axe-core) vai embutido — um relatório reencaminhado continua reproduzível.
Aviso honesto. As ferramentas WCAG automatizadas identificam cerca de 57 % dos problemas, segundo a pesquisa publicada pela Deque. Um scan limpo do Lightswitch não equivale a conformidade — revisão manual continua a ser necessária. O aviso aparece em todos os locais onde a pontuação é mostrada.
Privacidade
Corre totalmente na sua máquina.
axe-core vem dentro da extensão e SHA-256-fixado na build — nenhuma chamada remota, nenhuma telemetria, nenhum analytics, nenhum endpoint remoto. Nada sai do seu browser.
A permissão de scan é opcional. Recuse-a e todo o conjunto de funcionalidades de emulação continua a funcionar — só a auditoria WCAG precisa de acesso ao conteúdo da página, e apenas nos separadores que faz scan explicitamente.
- Manifest V3 — UI side-panel moderno
- axe-core incluído (MPL 2.0, verificação SHA-256 de integridade do vendor)
- Emulação baseada em CDP — sem injeção DOM
- Permissão scripting pedida apenas no primeiro scan
- Sem host_permissions no manifest base
- 370+ testes unitários, suite Playwright e2e
Lightswitch + SiteGuardian
Teste localmente. Monitorize continuamente. Audite quando faz release.
O Lightswitch é o companheiro do dev-time: apanha problemas antes do deploy. A monitorização contínua do SiteGuardian apanha drift após o deploy. O Site Audit dá-lhe um deliverable para o auditor.
Dev-time
Lightswitch
Extensão gratuita do Chrome. Teste antes de lançar.
Contínua
Pro / Compliance
Scans semanais de acessibilidade em cada URL monitorizada com alertas de drift.
A pedido
Auditoria do Site
Crawl profundo de 100 páginas com relatório detalhado. 79 € (55 € para Pro/Compliance).
Encontrou algo? Faça scan da URL em produção.
O Lightswitch mostra-lhe o que os utilizadores veem. O scan gratuito do SiteGuardian diz-lhe o que está mal em todo o site — segurança, SSL, DNS, autenticação de e-mail e acessibilidade.