Zobacz swoją witrynę tak, jak widzą ją użytkownicy.
Przełączaj tryb ciemny, ograniczony ruch, wysoki kontrast i sześć deficytów widzenia — zanim strona się wyrenderuje. Prawdziwy stan Chrome, bez CSS-hacków. Następnie uruchom skan WCAG w dowolnej emulacji.
Bezpłatnie · bez konta · działa lokalnie na Twoim komputerze
Problem first paint
Większość narzędzi dostępności symuluje. Lightswitch emuluje.
Wstrzykiwany przez CSS tryb ciemny zapala się pół sekundy po tym, jak użytkownik zobaczy zepsuty first paint. Lightswitch przełącza środowisko renderowania przeglądarki przed wyrenderowaniem strony — ten sam mechanizm, którego używa zakładka Rendering w Chrome DevTools.
Twoja witryna przechodzi testy kontrastu.
Jasny motyw, domyślne widzenie, pełen ruch. Na Twoim monitorze wszystko wygląda dobrze.
Ciemny + zmniejszony kontrast + deuteranopia.
Kliknij ikonę akcji. Przeglądarka maluje stronę w środowisku użytkownika.
Nagle:
- Tekst znika w tle.
- Przyciski tracą affordance.
- Stany fokusu znikają.
Co emuluje
Prawdziwy stan Chrome. Bez wstrzykiwania CSS.
Cała emulacja odbywa się przez Chrome DevTools Protocol — ten sam mechanizm, którego używa panel Rendering DevTools. Strona renderuje się dokładnie tak, jak u użytkownika z tymi preferencjami.
prefers-color-scheme
Ciemny / jasny. Prawdziwy first paint, nie podmiana klasy CSS.
prefers-reduced-motion
Zatrzymaj animacje i przejścia tak, jak zrobiłaby to preferencja OS.
prefers-contrast
Gałęzie media-query more-contrast lub less-contrast.
forced-colors
Tryb Windows High Contrast / forced-colors — sprawdź, czy Twój CSS reaguje.
Deficyty widzenia
Protanopia, deuteranopia, tritanopia, achromatopsja, niewyraźne widzenie, zmniejszony kontrast.
Nakładka kontrastu na żywo
Nakładka audytu kontrastu WCAG 1.4.3 podświetlająca tekst o niskim kontraście w czasie rzeczywistym.
Reguły dla domen
Automatycznie stosuj preset na dev.example.com, nigdy na produkcji. Tryb whitelist lub blacklist.
Rotacja presetów
Połącz media features + deficyt widzenia jako nazwany preset. Klik ikony obraca między nimi.
Wyłącz CSS
Usuń całe CSS dla inspekcji drzewa dostępności w niesformatowanym HTML — przydatne przy myśleniu screen-readerem.
Audyt WCAG — napędzany przez axe-core
Uruchom skan w dowolnym stanie emulowanym.
axe-core jest dołączony i SHA-pinnowany — nic nie jest pobierane podczas skanu. Wynik 0–100 z rozbiciem po violation, kryterium sukcesu WCAG i deep-linkiem do Deque University dla każdego znaleziska.
Skan jednostanowy
Skanuj stronę w aktualnie zastosowanej emulacji. Szybki feedback przy refaktorze — przełącz na ciemny, skanuj, popraw, skanuj ponownie.
Skan wielostanowy
Jedno kliknięcie przepuszcza stronę przez default / dark / deuteranopia / reduced-motion / high-contrast i agreguje wyniki. Wykryj problemy widoczne tylko w konkretnym środowisku użytkownika.
Selektor elementów
Zawęź skan do konkretnego poddrzewa DOM. Przydatne dla audytów komponentów, modali i przeglądu design systemu.
Eksportowalne raporty
JSON, samodzielne HTML lub Markdown do wklejenia na GitHubie. Kontekst inspektora (URL, emulacja, wersja axe-core) jest osadzony, więc przekazany raport pozostaje powtarzalny.
Uczciwe zastrzeżenie. Zautomatyzowane narzędzia WCAG wykrywają około 57 % problemów według opublikowanych badań Deque. Czysty skan Lightswitch nie oznacza zgodności — ręczna weryfikacja jest nadal wymagana. Zastrzeżenie jest pokazywane wszędzie tam, gdzie wyświetla się wynik.
Prywatność
Działa lokalnie na Twoim komputerze.
axe-core jest dołączony do rozszerzenia i SHA-256-pinnowany przy budowaniu — żadnego pobierania zdalnego, telemetrii, analityki ani zdalnych endpointów. Nic nie opuszcza Twojej przeglądarki.
Uprawnienie do skanowania jest opcjonalne. Jeśli je odrzucisz, cały zestaw funkcji emulacji nadal działa — tylko audyt WCAG potrzebuje dostępu do treści strony, i tylko na kartach, które wyraźnie skanujesz.
- Manifest V3 — nowoczesny UI side-panel
- Wbudowany axe-core (MPL 2.0, sprawdzenie integralności SHA-256)
- Emulacja oparta na CDP — bez wstrzykiwania DOM
- Uprawnienie scripting wymagane dopiero przy pierwszym skanie
- Brak host_permissions w bazowym manifeście
- 370+ testów jednostkowych, suite Playwright e2e
Lightswitch + SiteGuardian
Testuj lokalnie. Monitoruj ciągle. Audytuj przy każdym release.
Lightswitch to towarzysz w czasie developmentu: wykryj problemy przed deployem. Ciągły monitoring SiteGuardian łapie drift po deployu. Site Audit daje Ci deliverable dla audytora.
Etap dev
Lightswitch
Bezpłatne rozszerzenie Chrome. Testuj przed wypuszczeniem.
Ciągłe
Pro / Compliance
Cotygodniowe skany dostępności na każdym monitorowanym URL z alertami drift.
Na żądanie
Audyt witryny
Głęboki crawl 100 stron z szczegółowym raportem. 79 € (55 € dla Pro/Compliance).
Coś wykryłeś? Zeskanuj produkcyjny URL.
Lightswitch pokazuje, co widzą Twoi użytkownicy. Bezpłatny skan SiteGuardian mówi Ci, co jest nie tak w całej witrynie — bezpieczeństwo, SSL, DNS, autoryzacja e-mail i dostępność.