Voyez votre site comme vos utilisateurs le voient vraiment.
Activez le mode sombre, le mouvement réduit, le contraste élevé et six déficiences visuelles — avant même le rendu de la page. État Chrome réel, sans hacks CSS. Puis lancez un scan WCAG dans l'émulation de votre choix.
Gratuit · sans compte · fonctionne entièrement sur votre machine
Le problème du first paint
La plupart des outils d'accessibilité simulent. Lightswitch émule.
Le mode sombre injecté en CSS illumine votre site une demi-seconde après que l'utilisateur a vu le first paint cassé. Lightswitch bascule l'environnement de rendu du navigateur avant le rendu de la page — le même mécanisme que l'onglet Rendering de Chrome DevTools.
Votre site passe les vérifications de contraste.
Thème clair, vision par défaut, mouvement complet. Tout semble correct sur votre écran.
Sombre + contraste réduit + deutéranopie.
Cliquez sur l'icône d'action. Le navigateur repeint dans l'environnement de l'utilisateur.
Soudain :
- Le texte disparaît dans l'arrière-plan.
- Les boutons perdent leur affordance.
- Les états de focus disparaissent.
Ce qu'il émule
État Chrome réel. Pas d'injection CSS.
Toute l'émulation passe par le Chrome DevTools Protocol — le même mécanisme que le panneau Rendering de DevTools. La page s'affiche exactement comme elle le ferait pour un utilisateur ayant ces préférences.
prefers-color-scheme
Sombre / clair. Vrai first paint, pas un changement de classe CSS.
prefers-reduced-motion
Stoppez animations et transitions comme le ferait la préférence au niveau OS.
prefers-contrast
Branches de media-query more-contrast ou less-contrast.
forced-colors
Mode Windows High Contrast / forced-colors — vérifiez que votre CSS répond.
Déficiences visuelles
Protanopie, deutéranopie, tritanopie, achromatopsie, vision floue, contraste réduit.
Surcouche de contraste en direct
Surcouche d'audit de contraste WCAG 1.4.3 qui met en évidence le texte à faible contraste en temps réel.
Règles par domaine
Appliquez automatiquement un preset sur dev.example.com, jamais en production. Mode whitelist ou blacklist.
Rotation de presets
Regroupez media features + déficience visuelle dans un preset nommé. Cliquez sur l'icône pour faire tourner.
Désactiver CSS
Supprimez tout le CSS pour inspecter l'arbre d'accessibilité en HTML brut — utile pour penser comme un lecteur d'écran.
Audit WCAG — propulsé par axe-core
Lancez un scan dans n'importe quel état émulé.
axe-core est embarqué et figé par SHA — rien n'est téléchargé au moment du scan. Score 0–100 avec ventilation par violation, critère de succès WCAG et lien profond Deque University pour chaque constat.
Scan en état unique
Scannez la page dans l'émulation actuellement appliquée. Retour rapide pendant un refactor — passer en sombre, scanner, corriger, re-scanner.
Scan multi-états
Un clic exécute la même page sur default / sombre / deutéranopie / reduced-motion / contraste élevé et agrège les constats. Faites remonter les problèmes qui n'apparaissent que dans un environnement utilisateur spécifique.
Sélecteur d'éléments
Limitez le scan à un sous-arbre DOM spécifique. Utile pour les audits au niveau composant, modales et revues de design system.
Rapports exportables
JSON, HTML autonome ou Markdown collable sur GitHub. Le contexte de l'inspecteur (URL, émulation, version axe-core) est intégré : un rapport transféré reste reproductible.
Avertissement franc. Les outils WCAG automatisés détectent environ 57 % des problèmes selon la recherche publiée par Deque. Un scan Lightswitch propre n'équivaut pas à la conformité — la revue manuelle reste nécessaire. L'avertissement est affiché partout où le score apparaît.
Confidentialité
Fonctionne entièrement sur votre machine.
axe-core est livré avec l'extension et fixé par SHA-256 au build — aucune requête distante, aucune télémétrie, aucun analytics, aucun endpoint distant. Rien ne quitte votre navigateur.
L'autorisation de scan est facultative. Refusez-la et toute la suite d'émulation continue de fonctionner — seul l'audit WCAG nécessite l'accès au contenu de la page, et uniquement sur les onglets que vous scannez explicitement.
- Manifest V3 — UI side-panel moderne
- axe-core embarqué (MPL 2.0, vérification d'intégrité SHA-256)
- Émulation basée sur CDP — pas d'injection DOM
- Autorisation scripting demandée uniquement au premier scan
- Aucune host_permissions dans le manifest de base
- 370+ tests unitaires, suite Playwright e2e
Lightswitch + SiteGuardian
Testez en local. Surveillez en continu. Auditez à chaque livraison.
Lightswitch est le compagnon au moment du dev : repérez les problèmes avant le déploiement. La surveillance continue de SiteGuardian capture les dérives après le déploiement. Le Site Audit vous fournit un livrable pour l'auditeur.
Au moment du dev
Lightswitch
Extension Chrome gratuite. Testez avant la livraison.
En continu
Pro / Compliance
Scans d'accessibilité hebdomadaires sur chaque URL surveillée avec alertes de drift.
À la demande
Audit de site
Crawl approfondi de 100 pages avec rapport détaillé. 79 € (55 € pour Pro/Compliance).
Quelque chose trouvé ? Scannez l'URL en ligne.
Lightswitch vous montre ce que voient vos utilisateurs. Le scan gratuit SiteGuardian vous dit ce qui ne va pas sur tout le site — sécurité, SSL, DNS, authentification e-mail et accessibilité.