なぜこのツールが役立つのか
フォーム、スクリーンリーダー、キーボード操作のために実際のチェックボックスは保持しつつ、オン／オフの設定を親しみやすいスイッチとして見せます。
デザイン & CSS · ローカルで実行
アクセシブルなCSSトグルスイッチジェネレーター
一貫性のあるトラックとつまみの形状、アクティブな色、キーボード操作で見えるフォーカス表示を備えた、レスポンシブなチェックボックスベースのトグルスイッチを生成します。
準備完了。作業データはこのブラウザに保存されます。
どのように働くか
トラックとサムの寸法は一緒に検証され、サムの移動量はそれらの差から計算され、ライブサンプルは現在のブラウザタブ内に保持されます。
実用例
トラック上で24ピクセルのつまみがちょうど26ピクセル移動する、56×30ピクセルの通知スイッチを作成してください。
検証
計算は決定的であり、無効な入力を静かに変更するのではなく、検証エラーを説明します。
プライバシー境界
入力と出力はこのタブ内にとどまります。コピーとダウンロードはサーバーアップロードなしでブラウザAPIを通じて行われます。
結果パスポート
各実行はツールモード、タイムスタンプ、入出力サイズを報告するため、変換されたデータの監査が可能です。