戦国IT - 情報処理技術者試験の過去問対策サイト
ブログお知らせお問い合わせ料金プラン

プロジェクトマネージャ 2013年 午前2 問16


問題文

Webコンテンツの作成に当たって、アクセシビリティを確保する観点から考慮すべきことはどれか。

選択肢

ア:キーボードだけでも操作できるように、TabキーとEnterキーでリンクを選択できるようにする。(正解)
イ:どこに入力するかを分かりやすくするために、項目名の直後に入力欄を配置し、“(半角)”などの入力方法は入力欄の後ろに配置する。
ウ:文字位置をそろえるために、単語の途中に空白を入れて調整する。
エ:利用者がどこを誤ったか分かるように、入力エラーがあった項目名を赤色の文字に変更した入力画面を再表示する。

🔒 解説は解答すると表示されます

Webアクセシビリティ【午前2解説】

正解の理由

キーボードだけで操作できるようにすることは、アクセシビリティ確保の基本です。マウスを使えない人や、キーボード操作を主に使う人も、リンクやボタンなどの機能を利用できる必要があります。
Tabキーで操作対象を順に移動し、Enterキーでリンクを実行できるようにする方法は適切です。そのため、正解はアです。

解法ステップ

  1. Webアクセシビリティとは、年齢や障害の有無、利用する機器などにかかわらず、Webコンテンツを利用しやすくする考え方です。
  2. 各選択肢について、キーボード操作への対応、入力欄の分かりやすさ、文字の読みやすさ、エラーの伝え方を確認します。
  3. 操作手段をマウスに限定せず、キーボードだけでも利用できるアを選びます。

選択肢別の誤答解説

  • ア:キーボードだけでリンクを選択・実行できるため、適切です。キーボード操作を必要とする利用者にも、Webコンテンツの機能を提供できます。
  • イ:入力欄の説明は、入力欄との対応が明確で、利用者が入力前に必要な情報を得られるようにすることが大切です。項目名や入力方法を画面上に置くだけでなく、入力欄とプログラム上でも関連付ける必要があります。
  • ウ:単語の途中に空白を入れると、読み上げソフトが単語を正しく読めなかったり、検索やコピーに支障が出たりすることがあります。文字位置は、空白の挿入ではなくレイアウト機能で調整します。
  • エ:誤りのあった項目を赤色にするだけでは、色を識別しにくい利用者にエラーが伝わらないことがあります。エラー内容を文字でも示し、該当する項目や修正方法を分かりやすく伝える必要があります。

よくある誤解

  • キーボード操作への対応は、Tabキーで移動できれば十分と思いがちです。移動できるだけでなく、リンクやボタンなどを実際に操作できることも重要です。
  • 色を変えればエラーが伝わると思いがちです。色だけに頼らず、「入力内容を確認してください」などの文字情報も併用します。
  • 見た目を整えるためなら、単語中に空白を入れてもよいと思いがちです。空白は読み上げや検索にも影響するため、レイアウト機能を使います。

補足コラム

アクセシビリティは、特定の利用者だけのための対応ではありません。たとえば、マウスが使えない状況や、画面を見にくい環境でも操作しやすいWebサイトは、多くの利用者にとって便利です。

FAQ

Tabキーで移動できるようにするのは、なぜ重要ですか?
マウスを使わずに操作できるためです。キーボードを主に使う人や、状況によりマウスを使えない人も、リンクやボタンへ移動できます。
入力エラーは、どのように伝えるとよいですか?
色の変更だけにせず、エラーの内容を文字で示し、どの項目をどう直せばよいか分かるようにします。

関連キーワード: Webアクセシビリティ、キーボード操作、スクリーンリーダー、入力エラー、色の識別
← 前の問題へこの年度をクイズで解く次の問題へ →
戦国ITクイズ機能

\ せっかくなら /

プロジェクトマネージャを
クイズ形式で学習しませんか?

クイズ画面へ遷移する→

すぐに利用可能!

©︎2026 情報処理技術者試験対策アプリ

このサイトについてブログプライバシーポリシー利用規約特商法表記開発者について