ウェブデザイン技術・ウェブ標準・ビジュアル/インフォメーションデザイン
あるウェブサイトにおいて、視覚障害のある利用者がスクリーンリーダーを用いて閲覧したところ、商品画像の内容が読み上げられず、何が表示されているか分からないという指摘を受けた。この問題の改善対応として最も適切なものはどれか。
- A画像のファイル形式をPNGからJPEGに変更する
- ✓画像のimg要素に、画像の内容を適切に説明する代替テキスト(alt属性)を設定する
- C画像の解像度を現在の2倍に引き上げる
- D画像の背景色をより明るい色に変更する
解説
スクリーンリーダーは画像そのものの内容を認識できないため、img要素に適切な代替テキスト(alt属性)を設定することで画像の内容を音声で伝えられるようにする必要がある。ファイル形式や解像度、背景色の変更はこの問題の解決に寄与しない。
根拠シラバス［７］アクセシビリティ・ユニバーサルデザイン（ウェブコンテンツアクセシビリティガイドライン、各種補助ソフトウェアとインタフェース）