Mira tu sitio como lo ven realmente tus usuarios.
Activa modo oscuro, motion reducido, alto contraste y seis deficiencias visuales — antes de que la página se renderice. Estado real de Chrome, sin trucos CSS. Después lanza un escaneo WCAG en la emulación que quieras.
Gratis · sin cuenta · funciona íntegramente en tu equipo
El problema del first paint
La mayoría de las herramientas de accesibilidad simulan. Lightswitch emula.
El modo oscuro inyectado por CSS ilumina tu sitio medio segundo después de que el usuario haya visto el first paint roto. Lightswitch cambia el entorno de renderizado del navegador antes de que la página se renderice — el mismo mecanismo que usa la pestaña Rendering de Chrome DevTools.
Tu sitio supera las comprobaciones de contraste.
Tema claro, visión por defecto, movimiento completo. Todo se ve bien en tu monitor.
Oscuro + contraste reducido + deuteranopía.
Haz clic en el icono de acción. El navegador repinta en el entorno del usuario.
De repente:
- El texto se funde con el fondo.
- Los botones pierden affordance.
- Los estados de foco desaparecen.
Qué emula
Estado real de Chrome. Sin inyección de CSS.
Toda la emulación se realiza a través del Chrome DevTools Protocol — el mismo mecanismo que usa el panel Rendering de DevTools. La página se renderiza tal como lo haría para un usuario con esas preferencias.
prefers-color-scheme
Oscuro / claro. First paint real, no un cambio de clase CSS.
prefers-reduced-motion
Detén animaciones y transiciones tal como lo haría la preferencia del sistema operativo.
prefers-contrast
Ramas de media-query more-contrast o less-contrast.
forced-colors
Modo Windows High Contrast / forced-colors — verifica que tu CSS responde.
Deficiencias visuales
Protanopía, deuteranopía, tritanopía, acromatopsia, visión borrosa, contraste reducido.
Superposición de contraste en vivo
Superposición de auditoría de contraste WCAG 1.4.3 que resalta texto con bajo contraste en tiempo real.
Reglas por dominio
Aplica un preset automáticamente en dev.example.com, nunca en producción. Modo whitelist o blacklist.
Rotación de presets
Agrupa media features + deficiencia visual como un preset con nombre. Clic en el icono para rotar.
Desactivar CSS
Elimina todo el CSS para inspeccionar el árbol de accesibilidad sin estilos — útil para pensar en clave de lector de pantalla.
Auditoría WCAG — potenciada por axe-core
Ejecuta un escaneo en cualquier estado emulado.
axe-core está empaquetado y fijado por SHA — nada se descarga en el momento del escaneo. Puntuación 0–100 con desglose por violación, criterio de éxito WCAG y enlace profundo a Deque University en cada hallazgo.
Escaneo de estado único
Escanea la página en la emulación que esté aplicada. Feedback rápido durante un refactor — cambiar a oscuro, escanear, corregir, volver a escanear.
Escaneo multiestado
Un clic ejecuta la misma página en default / oscuro / deuteranopía / reduced-motion / alto contraste y agrega los hallazgos. Saca a la luz problemas que solo aparecen en un entorno de usuario concreto.
Selector de elementos
Limita el escaneo a un subárbol DOM concreto. Útil para auditorías a nivel de componente, modales y revisión del design system.
Informes exportables
JSON, HTML autocontenido o Markdown pegable en GitHub. El contexto del inspector (URL, emulación, versión de axe-core) está embebido, así un informe reenviado sigue siendo reproducible.
Aviso honesto. Las herramientas WCAG automatizadas identifican aproximadamente el 57 % de los problemas, según la investigación publicada por Deque. Un escaneo limpio de Lightswitch no equivale a conformidad — la revisión manual sigue siendo necesaria. El aviso aparece en todos los lugares donde se muestra la puntuación.
Privacidad
Funciona íntegramente en tu equipo.
axe-core está empaquetado con la extensión y fijado por SHA-256 en build — sin fetch remoto, sin telemetría, sin analytics, sin endpoints remotos. Nada sale de tu navegador.
El permiso de escaneo es opcional. Si lo rechazas, todo el conjunto de funciones de emulación sigue funcionando — solo la auditoría WCAG necesita acceso al contenido de la página, y únicamente en las pestañas que escaneas explícitamente.
- Manifest V3 — UI moderna de side panel
- axe-core empaquetado (MPL 2.0, comprobación SHA-256 de integridad del vendor)
- Emulación basada en CDP — sin inyección DOM
- Permiso scripting solicitado solo en el primer escaneo
- Sin host_permissions en el manifest base
- Más de 370 unit tests, suite Playwright e2e
Lightswitch + SiteGuardian
Prueba en local. Monitorea continuamente. Audita al hacer release.
Lightswitch es el compañero en tiempo de desarrollo: detecta problemas antes del deploy. La monitorización continua de SiteGuardian detecta drift después del deploy. Y la Site Audit te da el entregable para el auditor.
Tiempo de desarrollo
Lightswitch
Extensión gratuita para Chrome. Prueba antes de hacer release.
Continua
Pro / Compliance
Escaneos de accesibilidad semanales en cada URL monitorizada con alertas de drift.
Bajo demanda
Auditoría del sitio
Rastreo profundo de 100 páginas con informe detallado. 79 € (55 € para Pro/Compliance).
¿Algo detectado? Escanea la URL en producción.
Lightswitch te muestra lo que ven tus usuarios. El escaneo gratuito de SiteGuardian te dice qué falla en todo el sitio — seguridad, SSL, DNS, autenticación de correo y accesibilidad.