応用情報技術者 2011年 春期 午前2 問26
問題文
Webページの設計の例のうち、アクセシビリティを高める観点から適切なものはどれか。
選択肢
ア:音声を利用者に確実に聞かせるために、表示時に自動的に再生する。
イ:体裁の良いレイアウトにするために、表組みを用いる。
ウ:入力が必須な項目は、色で強調するだけでなく、項目名の隣に“(必須)”などと明記する。(正解)
エ:ハイパリンク先の内容が予測できるように、ハイパリンク画像の alt 属性にリンク先の URLを付記する。
Webページの設計の例のうち、アクセシビリティを高める観点から適切なものはどれか【午前2 解説】
要点まとめ
- 結論:入力必須項目は色だけでなく「(必須)」などの文字で明示することがアクセシビリティ向上に効果的です。
- 根拠:色覚障害者など色の識別が困難な利用者にも情報を伝えるため、色以外の方法で必須を示す必要があります。
- 差がつくポイント:単に見た目を整えるだけでなく、多様な利用者が情報を正しく理解できる工夫が求められます。
正解の理由
選択肢ウは、入力必須項目を色だけで強調するのではなく、「(必須)」などの文字情報を併記しているため、色覚障害者やスクリーンリーダー利用者にも必須項目であることが明確に伝わります。これによりアクセシビリティが高まるため正解です。
よくある誤解
色だけで強調すれば十分と考えがちですが、色覚障害者には区別がつかないため、文字情報の併用が必須です。自動音声再生は利用者の操作を妨げることもあります。
解法ステップ
- アクセシビリティの基本原則を理解する(多様な利用者に配慮すること)。
- 色だけで情報を伝える方法の問題点を把握する(色覚障害者への配慮)。
- 各選択肢がアクセシビリティの観点で適切か検討する。
- 色以外の方法で必須項目を示す選択肢を選ぶ。
選択肢別の誤答解説
- ア:自動的に音声を再生すると利用者の操作を妨げる場合があり、アクセシビリティの観点で推奨されません。
- イ:表組みは体裁を整えるために使いますが、アクセシビリティ向上の直接的な手段ではありません。
- ウ:色だけでなく文字で必須を明示しているため正解です。
- エ:alt属性にURLを記載すると冗長で読み上げが煩雑になり、リンク先の内容を適切に伝えられません。
補足コラム
アクセシビリティの基本は「多様なユーザーが情報を等しく利用できること」です。色覚障害者や視覚障害者、聴覚障害者などに配慮し、色以外の手段(文字、音声、構造化されたHTMLなど)で情報を伝えることが重要です。WCAG(Web Content Accessibility Guidelines)では、色の使用に依存しない情報提供を推奨しています。
FAQ
Q: 色だけで必須項目を示すのはなぜ問題ですか?
A: 色覚障害者は色の違いを識別できないため、色だけで情報を伝えると理解できない場合があります。
A: 色覚障害者は色の違いを識別できないため、色だけで情報を伝えると理解できない場合があります。
Q: alt属性にはどのような情報を入れるべきですか?
A: 画像の内容や機能を簡潔に説明するテキストを入れ、URLの記載は避けるべきです。
A: 画像の内容や機能を簡潔に説明するテキストを入れ、URLの記載は避けるべきです。
関連キーワード: アクセシビリティ、色覚障害、WCAG, 入力必須、alt属性、音声自動再生

\ せっかくなら /
応用情報技術者を
クイズ形式で学習しませんか?
クイズ画面へ遷移する→
すぐに利用可能!

