基本情報技術者 2019年 春期 午前（科目A） 問24

ラジオボタンの用途【午前解説】

正解の理由

解法ステップ

1. 設問のキーワードを探す：「排他的」「一つだけ」「複数選択」などの語句があるか確認する。
2. 各部品の定義を思い出す：ラジオは排他、チェックボックスは独立複数選択、コンボは入力＋選択など。
3. 設問文と各選択肢を対応付ける：排他的＝ラジオ、独立複数選択＝チェックボックスと即結び付ける。
4. 最終確認：選択肢に「入力が必要」「一覧から選ぶ」などの条件がないかをチェックして誤答を排除する。

選択肢別の誤答解説

• ア: 幾つかの項目について、それぞれの項目を選択するかどうかを指定する。
  → これはチェックボックスの説明です。各項目が独立してON/OFFでき、複数選択が可能になります。よってラジオボタンとは異なります。
• イ: 幾つかの選択項目から一つを選ぶときに、選択項目にないものはテキストボックスに入力する。
  → これはコンボボックス（combobox）や「その他」を選んだときにテキスト入力を伴うUIの説明で、ラジオボタン固有の動作ではありません。
• ウ: 互いに排他的な幾つかの選択項目から一つを選ぶ。
  → 正解。ラジオボタンの本質的な用途を正しく表しています。
• エ: 特定の項目を選択することによって表示される一覧形式の項目から一つを選ぶ。
  → 条件付き表示や依存ドロップダウン（動的な一覧）を説明しており、ラジオボタン固有の説明ではありません。ラジオはその選択自体が排他的であることがポイントです。

よくある誤解

• ラジオボタンは単に「選択肢を表示するだけ」と誤解し、複数選択が可能だと思い込む。実際は排他的で1つのみ選択可能です。
• 「選択肢にないものを入力する」ような場面でもラジオを使うべきと考える。自由入力が必要ならテキストボックスやコンボ（combobox）を用いるべきです。
• 見た目だけで判断してチェックボックスと混同する。機能（排他か独立か）で区別する癖をつけることが大切です。

補足コラム

• HTMLでは input type="radio" を使い、同じグループには同一の name 属性を付けて排他にします。label と関連付けることでクリック領域を広げられます。
• スクリーンリーダー対応ではfieldset と legend、もしくは ARIA の role="radiogroup" と role="radio" を適切に使うと理解しやすくなります。
• モバイルではタップターゲットを十分に確保し、未選択状態を許容するか初期選択を与えるかを設計で決めます。

<fieldset>
  <legend>配送方法を選択してください</legend>
  <label><input type="radio" name="delivery" value="standard" checked> 通常配送</label>
  <label><input type="radio" name="delivery" value="express"> 速達</label>
  <label><input type="radio" name="delivery" value="store"> 店舗受取</label>
</fieldset>

FAQ