応用情報技術者試験 応用情報技術者試験 平成28年度秋期 午前 問24: Webページの設計の例のうち，アクセシビリティを高める観点から最も適切なものはどれか。

問題本文

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

選択肢

• ア.音声を利用者に確実に聞かせるために，Webページの表示時に音声を自動的に再生する。
• イ.体裁の良いレイアウトにするために，表組みを用いる。
• ウ.入力が必須な項目は，色で強調するだけでなく，項目名の隣に“（必須）”などと明記する。
• エ.ハイパリンク先の内容が推測できるように，ハイパリンク画像のalt属性にリンク先のURLを付記する。

正解

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

解説

Webアクセシビリティ(障害の有無や利用環境によらず誰もが情報を利用できる度合い)を高める設計を問う問題。色覚特性のある利用者や色を判別しにくい環境では、色だけで情報を伝えると区別がつかない。必須項目を色で強調するだけでなく「(必須)」と文字でも明記すれば、色に依存せず情報が伝わるため、より多くの利用者が正しく入力できる。色以外の手段でも情報を伝えるウが、アクセシビリティ向上の観点から最も適切である。

選択肢ごとの解説

• ア.ページ表示時に音声を自動再生すると、スクリーンリーダー利用者の読み上げと干渉したり、音を聞けない環境の利用者に内容が伝わらなかったりするため、アクセシビリティを下げる。利用者が再生を制御できることが望ましく不適切。
• イ.レイアウト目的で表組み(テーブル)を使うと、スクリーンリーダーが読み上げる順序が崩れ内容が理解しにくくなる。表は本来データの整理に用いるものでありレイアウト目的の使用は不適切。
• ウ.色での強調に加えて「(必須)」と文字でも明記することで、色を判別できない利用者にも必須項目が伝わる。色以外の手段を併用しており、アクセシビリティを高める正しい設計である。
• エ.alt属性はリンク先の内容を説明するためのものであり、URL文字列をそのまま入れても読み上げられた利用者は内容を理解できない。リンク先の内容が分かる説明文を入れるべきで不適切。