Per què aquesta eina és útil
Dona a una preferència activada/desactivada l’aspecte d’un interruptor familiar mentre mantens una casella de selecció real per als formularis, els lectors de pantalla i la interacció amb el teclat.
Disseny i CSS · s'executa localment
Generador de commutador de commutació CSS accessible
Genera un interruptor de commutació amb casella de selecció sensible al disseny, amb una geometria coherent de la pista i el botó lliscant, colors actius i un tractament del focus visible amb el teclat.
Preparat. Les teves dades de treball es mantenen en aquest navegador.
Com funciona
Les dimensions de la pista i del polze es validen conjuntament, el recorregut del polze es calcula a partir de la seva diferència i la mostra en directe es manté dins de la pestanya actual del navegador.
Exemple pràctic
Creeu un commutador de notificació de 56 per 30 píxels en què l'estat activat verd desplaci el botó lliscant de 24 píxels exactament 26 píxels al llarg de la guia.
Validació
El càlcul és determinista i explica els errors de validació en lloc de canviar silenciosament l'entrada invàlida.
Límit de privadesa
L'entrada i la sortida es mantenen en aquesta pestanya. La còpia i la descàrrega es fan a través de les API del navegador sense pujar res a un servidor.
Passaport de resultat
Cada execució informa del mode de l'eina, la marca temporal i la mida d'entrada/sortida perquè les dades transformades es puguin auditar.