Glossary
スイッチとチェックボックスの違い
Switch vs Checkbox
30秒でわかる要点
スイッチは即時反映される設定のオン/オフ、チェックボックスはフォーム内で選択値として送信するオン/オフに向きます。
使い分けのポイント
- ・スイッチは変更がすぐ反映される設定に向く
- ・チェックボックスはフォーム送信まで確定しない選択に向く
- ・保存ボタンがある画面ではチェックボックスの方が誤解が少ない
関連コンポーネント
運営・更新・参照元
- 著者 / 運営
- Component Gallery 編集部
- 最終更新日
- 2026-07-16
- レビュー状態
- 未レビュー
参照元
- W3C Web Content Accessibility Guidelines (WCAG)参照確認日: 2026-07-16
- WAI-ARIA Authoring Practices Guide参照確認日: 2026-07-16
- MDN Web Docs - Accessibility参照確認日: 2026-07-16
FAQ
スイッチとチェックボックスの違いはどう使い分けますか？
スイッチは即時反映される設定のオン/オフ、チェックボックスはフォーム内で選択値として送信するオン/オフに向きます。 実装時は、ユーザーが何を判断・入力・移動したいのかを基準に選びます。
スイッチとチェックボックスの違いでよくある誤解は何ですか？
スイッチは変更がすぐ反映される設定に向く
スイッチとチェックボックスの違いをチームで統一するには？
デザインシステムやUI用語集で推奨名、別名、使う場面、使わない場面を明記し、画面レビュー時に同じ呼称を使います。