Item logo image for Lightswitch

Lightswitch

Item media 1 (screenshot) for Lightswitch

Overview

Emulate dark/light, reduced motion, contrast, vision deficiencies via DevTools Protocol + free WCAG audit. No CSS injection.

Free Chrome extension for accessibility + media-state testing. Run a WCAG scan on any page. Emulate dark/light mode, reduced motion, high contrast, vision deficiencies — see your site through your users' lenses, no CSS injection. WCAG AUDIT (POWERED BY AXE-CORE) Run a scan on any page and get a score 0–100, per-violation report with the relevant WCAG success criterion and a Deque University deep-link. • Default scan is fast and single-state — runs in whatever emulation you currently have applied. Opt in to multi-state to compare findings across default / dark / deuteranopia / reduced-motion / high-contrast. • Element picker — click a component, scan only that subtree. • Export as JSON, self-contained HTML (opens in a new tab), or GitHub-ready Markdown. • Inspector context (tab, preset, filter, debugger state) is bundled in every export so a forwarded report stays reproducible. • Honest framing: automated WCAG tools identify ~57% of issues per Deque's research. A clean scan does not equal conformance — the disclaimer is shown everywhere the score appears. EMULATION (THE CORE FEATURE) • prefers-color-scheme (dark / light) • prefers-reduced-motion • prefers-contrast (more / less) • forced-colors • Vision deficiencies — protanopia, deuteranopia, tritanopia, achromatopsia, blurred vision, reduced contrast Delivered via the Chrome DevTools Protocol. No CSS injection, no overlays, no late-rendering surprises — the page sees the emulated state from first paint. PRESETS, ROTATION, DOMAIN RULES • Bundle media features + vision deficiency as a named preset. • Click the action icon to rotate through presets you've marked for rotation. • Per-domain auto-apply rules with whitelist / blacklist filter mode. • Optional custom CSS injection per preset (off by default). • CSS disable for unstyled-HTML accessibility-tree inspection. • Live contrast-audit overlay highlighting low-contrast text per WCAG 1.4.3. EXTRAS • Side-panel inspector — current tab, applied preset, filter state, debugger attach status. • JSON export / import for preset backups. • Context-menu preset picker. • Action-icon glyph follows the applied preset (or your OS theme when no preset is active). PRIVACY + PERMISSIONS Lightswitch runs entirely on your machine. axe-core is bundled — nothing is fetched at scan time. No telemetry, no remote endpoints, no data leaves your device. • debugger — required for the DevTools Protocol emulation, the core mechanism. • tabs, storage, contextMenus, sidePanel — UI surfaces. • scripting + host access (<all_urls>) — optional, only requested when you first run a WCAG scan. Used to inject axe-core into the active tab. Decline and emulation features still work. ATTRIBUTION axe-core © Deque Systems, Inc., licensed under MPL 2.0. A free tool from siteguardian.io.

Details

  • Version
    1.1.2
  • Updated
    April 27, 2026
  • Size
    217KiB
  • Languages
    English
  • Developer
    Website
    Email
    webersheim@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Color Contrast Checker - WCAG Accessibility Ratio Tool

5.0

Color contrast checker for WCAG AA and AAA. Check the contrast ratio of two colors, preview text, and apply an accessible fix.

Vision Aid: Accessibility for Color Blindness & Low Vision

5.0

Professional accessibility extension for users with color blindness, daltonism, or low vision.

Devision – Web Dev & Design Tools

5.0

Design, SEO, and development tools for any website. Color picker, SEO checker, CSS inspector, and many more.

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

Codex Dev

3.7

Developer's Insight Tool - Responsive viewer, CSS inspector, SEO audit, asset extractor and screenshot capture.

AccessCheck — Website Accessibility Checker, WCAG & ADA Audit

5.0

Run a WCAG and ADA accessibility audit. Check color contrast, alt text, headings, ARIA and 50+ website issues.

WCAG Contrast Checker - Color Accessibility Tool with APCA

0.0

Instantly check contrast ratio for color accessibility. WCAG contrast checker with fix suggestions and APCA algorithm support.

VisualKit - Live Website Editor & UI Capture

0.0

An elegant visual toolkit for everyone. Inspect elements, edit live CSS, and capture high-res UI screenshots to perfect the web.

Screen Ruler - Measure and Inspect the Web

4.3

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Area Contrast Checker - Drag to Scan WCAG & APCA Color Accessibility

4.7

Drag-to-scan A11y contrast tool. Pixel analysis works reliably on images and gradients. Supports WCAG 2.1/2.2 and APCA.

DevScope – Developer Tools

0.0

Advanced developer tools for analyzing, inspecting, and debugging web pages directly in your browser.

Dark Mode for Chrome

0.0

One-click dark mode for any website. Reduce eye strain with beautiful dark themes. Adjust brightness per site.

Color Contrast Checker - WCAG Accessibility Ratio Tool

5.0

Color contrast checker for WCAG AA and AAA. Check the contrast ratio of two colors, preview text, and apply an accessible fix.

Vision Aid: Accessibility for Color Blindness & Low Vision

5.0

Professional accessibility extension for users with color blindness, daltonism, or low vision.

Devision – Web Dev & Design Tools

5.0

Design, SEO, and development tools for any website. Color picker, SEO checker, CSS inspector, and many more.

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

Codex Dev

3.7

Developer's Insight Tool - Responsive viewer, CSS inspector, SEO audit, asset extractor and screenshot capture.

AccessCheck — Website Accessibility Checker, WCAG & ADA Audit

5.0

Run a WCAG and ADA accessibility audit. Check color contrast, alt text, headings, ARIA and 50+ website issues.

WCAG Contrast Checker - Color Accessibility Tool with APCA

0.0

Instantly check contrast ratio for color accessibility. WCAG contrast checker with fix suggestions and APCA algorithm support.

VisualKit - Live Website Editor & UI Capture

0.0

An elegant visual toolkit for everyone. Inspect elements, edit live CSS, and capture high-res UI screenshots to perfect the web.

Google apps