Pourquoi cet outil est utile
Mettez en forme une préférence activée/désactivée comme un interrupteur familier tout en conservant une vraie case à cocher pour les formulaires, les lecteurs d’écran et l’interaction au clavier.
Design & CSS · fonctionne localement
Générateur de commutateur à bascule CSS accessible
Générez un commutateur à bascule réactif basé sur une case à cocher avec une géométrie cohérente de la piste et du pouce, des couleurs actives et un traitement de mise au point visible au clavier.
Prêt. Vos données de travail restent dans ce navigateur.
Comment ça marche
Les dimensions de la piste et du pouce sont validées ensemble, le déplacement du pouce est calculé à partir de leur différence et l’aperçu en direct reste dans l’onglet actuel du navigateur.
Exemple pratique
Créez un interrupteur de notification de 56 sur 30 pixels dont l’état activé vert déplace le bouton de 24 pixels exactement de 26 pixels le long de la piste.
Validation
Le calcul est déterministe et explique les erreurs de validation au lieu de modifier silencieusement les entrées invalides.
Limite de confidentialité
L'entrée et la sortie restent dans cet onglet. La copie et le téléchargement se font via les API du navigateur, sans envoi vers un serveur.
Passeport de résultat
Chaque exécution indique son mode d’outil, son horodatage et la taille de l’entrée/de la sortie afin que les données transformées puissent être auditées.