平成21年度秋期 情報処理安全確保支援士 午前Ⅰ 問9

「赤色になってる部分がエラーです」と言われても、見えにくい人には伝わらない！

お年寄りや障害のある人でも使いやすいホームページにする「ウェブアクセシビリティ」の問題。「エラーは赤枠」のように色だけで情報を伝えようとせず、「文字でもエラー内容を併記する」といった、視覚に頼りすぎない親切な設計を心がけよう。

この問題で問われていること

ボタンの位置や色（ビジュアル）だけに意味を持たせないこと。「入力エラーや必須項目などの重要情報は、必ず『テキスト（文字）』としても伝える」という基本のルールを選ぼう。

伝わる設計

アクセシビリティでは、視覚特性や支援技術の違いがあっても情報が伝わる必要があります。したがって、「カタカナで入力」などの条件はラベルや説明文として明示するのが望ましいです。

色だけに頼らない\n入力条件は文字で示す\n操作対象は十分な間隔を取る

確認ポイント

• 確認=緑、取消し=赤のように色だけで意味を伝えないようにしましょう。
• リンクやボタンの間隔を狭めすぎないようにしましょう。
• 各ページの title を同じにすると、ページ識別がしづらくなります。

正解

ウ

出典

問題文と解答は IPA 公開の過去問題冊子・解答例を基にしています。

選択肢ア

これは間違いだよ。全ページのtitleを同じにすると、ブラウザのタブや検索結果、読み上げ機能で今どのページにいるのか分かりにくいよ。たとえるなら、ビルの各部屋の札が全部「部屋」だけになっているようなもの。「会議室」「受付」「倉庫」のように、ページごとに分かる表題を付けよう。

選択肢イ

これは間違いだよ。確認は緑、取消しは赤、みたいに色だけで判断させると、色の見え方が違う人や画面環境によって区別できないことがあるよ。たとえるなら、同じ形の鍵を色だけで見分けるようなもの。色に加えて文字やアイコンでも意味が分かるようにしよう。

選択肢ウ（正解）

これは正解だよ。入力欄の前に「フリガナ（カタカナで入力）」と書いておくと、利用者は何をどう入れればいいか迷いにくいよ。たとえるなら、窓口に「申込書は青いペンで書いてね」と貼ってある感じ。先にルールが見えていると、書き直しが減るんだ。

選択肢エ

これは間違いだよ。リンクやボタンの間隔を狭くしすぎると、押したいものの隣をうっかり押してしまいやすいよ。たとえるなら、券売機のボタンがぎゅうぎゅうに並んでいて、隣の切符を買ってしまう感じ。操作しやすくするには、適度な間隔が必要なんだ。