本文へ移動

メニュー

チェックボックス概要

スクリーンショット:未チェックおよびチェック済みのチェックボックスが、それぞれS、M、Lサイズで並んでいる

チェックボックスは、複数の項目の中から複数の選択肢を選ぶことを可能にします。また、ひとつの選択肢のオン・オフの切り替えにも用いることができます。

仕様

パーツ

スクリーンショット:チェックボックスを構成する各パーツに、それぞれ①②の番号を割り付けている。①はチェックボックス。②は選択肢ラベル。チェックボックスの右に配置。
  1. チェックボックス
  2. 選択肢ラベル

使い方

設計の原則

  • ひとつの項目しか選択できない場合は、必ずラジオボタンを使用してください。
  • チェックボックスはテキストの左側に配置してください。画面を拡大表示している利用者でも見つけやすくなります。
  • ラベルテキストは入力項目を端的に表現してください。入力項目が1つしかなく、その意味を画面タイトルなどで明確に説明できる場合は省略可能です。

良い例

スクリーンショット:好きな食べ物をすべて選んでください。※必須。3つのチェックボックスの選択肢:りんご、バナナ、みかん

複数の選択肢を選ぶことができる質問への使用

悪い例

スクリーンショット:あなたは申請者本人ですか?※必須。3つのチェックボックス選択肢:はい、いいえ、回答しない

単一回答しかできない質問への使用