Perché questo strumento è utile
Stilizza una preferenza on/off come un interruttore familiare, mantenendo però una vera casella di controllo per i moduli, gli screen reader e l'interazione da tastiera.
Design & CSS · viene eseguito in locale
Generatore di interruttori a levetta CSS accessibile
Genera un interruttore a levetta reattivo basato su caselle di controllo con una geometria coerente di traccia e cursore, colori attivi e un trattamento di messa a fuoco visibile da tastiera.
Pronto. I tuoi dati di lavoro restano in questo browser.
Come funziona
Le dimensioni del track e del thumb vengono convalidate insieme, il percorso del thumb viene calcolato dalla loro differenza e il campione live rimane all'interno della scheda corrente del browser.
Esempio pratico
Crea un interruttore di notifica di 56 per 30 pixel il cui stato attivo verde sposti esattamente il pollice da 24 pixel di 26 pixel lungo la traccia.
Convalida
Il calcolo è deterministico e spiega gli errori di convalida invece di modificare silenziosamente l'input non valido.
Confine di privacy
L'input e l'output restano in questa scheda. La copia e il download avvengono tramite le API del browser senza alcun caricamento su un server.
Passaporto dei risultati
Ogni esecuzione riporta la modalità dello strumento, il timestamp e la dimensione di input/output, in modo che i dati trasformati possano essere controllati.