Por qué esta herramienta es útil
Da estilo a una preferencia de activación/desactivación como un interruptor familiar, manteniendo una casilla de verificación real para formularios, lectores de pantalla e interacción con el teclado.
Diseño & CSS · se ejecuta localmente
Generador de interruptor basculante CSS accesible
Genera un interruptor de alternancia sensible basado en casillas de verificación, con una geometría coherente de la pista y el pulgar, colores activos y un tratamiento de enfoque visible con el teclado.
Listo. Tus datos de trabajo permanecen en este navegador.
Cómo funciona el sistema
Las dimensiones de la pista y del pulgar se validan juntas, el recorrido del pulgar se calcula a partir de su diferencia y la muestra en vivo permanece dentro de la pestaña actual del navegador.
Ejemplo práctico
Crea un interruptor de notificación de 56 por 30 píxeles cuyo estado habilitado en verde mueva el pulgar de 24 píxeles exactamente 26 píxeles a lo largo del riel.
Validación
El cálculo es determinista y explica los errores de validación en lugar de cambiar silenciosamente la entrada no válida.
Límite de privacidad
La entrada y la salida permanecen en esta pestaña, mientras que la copia y la descarga se realizan a través de las API del navegador sin carga en el servidor.
Pasaporte de resultados
Cada ejecución informa de su modo de herramienta, marca de tiempo y tamaño de entrada/salida para que los datos transformados puedan ser auditados.