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

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.

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.

Color Picker & Font Inspector — StyleDrop

5.0

Color picker & font inspector for any webpage. Copy CSS, gradients, design tokens and WCAG contrast, then export to DESIGN.md.

Vision Aid: Accessibility for Color Blindness & Low Vision

5.0

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

CHCZ Design Checker

0.0

Inspect page implementation, WCAG text and icon contrast, and AI search visibility—on demand, without analytics.

CSS Inspector & Color Picker — MimicKit

5.0

Inspect any website. Copy CSS as Tailwind, extract colors, fonts, SVGs and images. Paste into Cursor, v0 or Claude.

Selective Dark Mode

0.0

Per-site dark mode that only overrides genuinely light elements, leaving already-dark UI and images untouched.

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.

A11yEngine - WCAG & Accessibility Checker

0.0

Free WCAG 2.2 accessibility checker. Scans for ARIA, color contrast, screen reader & keyboard issues. AI code fixes in React & Vue.

Screen Ruler - Measure and Inspect the Web

4.3

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

Serifio: Font & Colour Inspector

4.6

Identify fonts, copy colour codes and check WCAG contrast ratios. The essential tool for designers and developers.

Hue Shift - Colorblind Filter

0.0

Recolors pages, images and video to tell apart colors color blindness confuses. Red-weak, green-weak, blue-weak. No data collected.

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.

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.

Color Picker & Font Inspector — StyleDrop

5.0

Color picker & font inspector for any webpage. Copy CSS, gradients, design tokens and WCAG contrast, then export to DESIGN.md.

Vision Aid: Accessibility for Color Blindness & Low Vision

5.0

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

CHCZ Design Checker

0.0

Inspect page implementation, WCAG text and icon contrast, and AI search visibility—on demand, without analytics.

CSS Inspector & Color Picker — MimicKit

5.0

Inspect any website. Copy CSS as Tailwind, extract colors, fonts, SVGs and images. Paste into Cursor, v0 or Claude.

Selective Dark Mode

0.0

Per-site dark mode that only overrides genuinely light elements, leaving already-dark UI and images untouched.

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.

Google apps