De ce este util acest instrument
Stilați o preferință de activare/dezactivare ca un comutator familiar, păstrând în același timp o casetă de selectare reală pentru formulare, cititoare de ecran și interacțiune cu tastatura.
Design & CSS · rulează local
Generator de comutatoare accesibile CSS
Generează un comutator tip toggle responsiv bazat pe checkbox, cu geometrie coerentă a pistei și a butonului, culori active și un stil de focus vizibil la tastatură.
Gata. Datele tale de lucru rămân în acest browser.
Cum funcționează
Dimensiunile pistei și degetului mare sunt validate împreună, deplasarea degetului mare este calculată din diferența lor și eșantionul live rămâne în interiorul filei curente a browserului.
Exemplu practic
Creați un comutator de notificare de 56 pe 30 de pixeli a cărui stare activată verde mută degetul mare de 24 de pixeli exact 26 de pixeli peste pistă.
Validarea
Calculul este determinist și explică erorile de validare în loc să modifice în tăcere intrarea nevalidă.
Limita de confidențialitate
Intrarea și ieșirea rămân în această filă. Copierea și descărcarea au loc prin API-urile browserului, fără încărcare pe un server.
Pașaport de rezultat
Fiecare rulare raportează modul său de instrument, marcajul temporal și dimensiunea intrării/ieșirii, astfel încât datele transformate să poată fi auditate.