応用情報技術者 2018年春期午前2 問24

問題文

Webページの設計の例のうち、アクセシビリティを高める観点から最も適切なものはどれか。

選択肢

ア：音声を利用者に確実に聞かせるために、Webページを表示すると同時に音声を自動的に再生する。

イ：体裁の良いレイアウトにするために、表組みを用いる。

ウ：入力が必須な項目は、色で強調するだけでなく、項目名の隣に“(必須)”などと明記する。（正解）

エ：ハイパリンク先の内容が推測できるように、ハイパリンク画像の alt 属性にリンク先のURLを付記する。

Webページの設計の例 +【午前2 解説】

要点まとめ

結論：アクセシビリティ向上には、色だけでなく文字情報で必須項目を明示することが重要です。
根拠：色覚障害者など色の識別が困難な利用者にも情報を正確に伝えるため、文字による補足が必要です。
差がつくポイント：単に色で強調するだけでなく、明確なテキスト表示を加えることで誰にでも分かりやすい設計になります。

正解の理由

選択肢ウは、入力必須項目を色だけで示すのではなく、「(必須)」などの文字を併記して明示しています。これにより、色覚障害者やスクリーンリーダー利用者も必須項目を正しく認識でき、アクセシビリティが高まります。アクセシビリティの基本原則である「多様なユーザーに情報を伝える」ことを満たしているため、最も適切です。

よくある誤解

色だけで強調すれば十分と考えがちですが、色覚障害者には情報が伝わらずアクセシビリティが低下します。音声の自動再生は利用者の操作を妨げることも多いです。

解法ステップ

アクセシビリティの定義を確認し、多様な利用者に配慮することを理解する。
色だけで情報を伝える方法の問題点（色覚障害者への配慮不足）を思い出す。
音声自動再生やURLのalt属性記載など、利用者の利便性や理解を妨げる要素を検討する。
文字情報で必須項目を明示する選択肢を選ぶ。

選択肢別の誤答解説

ア: 音声を自動再生すると、利用者の操作を妨げたり、環境によっては迷惑になるためアクセシビリティの観点で不適切です。
イ: 表組みはレイアウトに便利ですが、アクセシビリティ向上の直接的な効果は限定的で、誤用すると読み上げソフトでの理解を妨げることもあります。
ウ: 入力必須項目を色だけでなく文字でも明示し、誰にでも分かりやすくしているため正解です。
エ: alt属性にリンク先のURLを記載すると、スクリーンリーダーで冗長な情報となり、利用者の混乱を招くため不適切です。

補足コラム

アクセシビリティの基本原則には「知覚可能性」「操作可能性」「理解可能性」「堅牢性」があります。色だけで情報を伝えるのは「知覚可能性」の観点で不十分です。必須項目の明示は「理解可能性」を高める重要な工夫です。また、alt属性は画像の内容を説明するために使い、リンク先のURLを記載するのは推奨されません。