web-dev-qa-db-ja.com

画像に情報が含まれていない場合、画像に代替テキストを付ける必要がありますか?

例:人の写真を含む伝記ページ。画像には有用な情報は含まれていませんが、ページを削除するだけでは解決策にならないほどの感情的な価値がページに追加されます。

代替テキストを空の文字列 ""に設定した場合これにより、スクリーンリーダーで閲覧しているユーザーが、 "CEOジョンドーの写真"のような役に立たない情報を、その情報が既に存在する場合に聞く必要がなくなります。ページの他の場所。ただし、極端に遅い接続(田舎のタブレットなど)を使用しているユーザーは、ダウンロードが完了する前に画像がどうなるかを認識できなくなります。

画像に代替テキストを与える場合その後、問題は逆転します。接続が非常に遅いユーザーは、ロードする前に何をダウンロードしているかを知っていますが、視覚障害のあるユーザーは追加情報を伝えないテキストを聞く必要があります。

2つのユーザータイプのそれぞれがサイトで同等の利害関係を保持している場合、メインページのコンテンツにまだ追加情報が含まれていない場合、画像に代替テキストを与える必要がありますか?

14
Graham Herrli

純粋に装飾的な画像には、空のalt属性を使用する必要があります。あなたが与えた例では、画像を説明するalt属性を提供する価値があると私は主張します。 alt="Portrait of Jane Doe"。 @KitGroseは、このテキストを含めると、画像がGoogle画像などの画像検索エンジンで検索可能になることにも言及しています。

私は、検索ボタンの「検索」というテキストの横に検索アイコンがあるようなもののために空のalt属性を予約しています。

あなたが与える例は、たとえその人がそれを見ることができないとしても、参照するのに役立つかもしれない追加のコンテンツです。

主な関心事は、スクリーンリーダーなどの支援技術によってコンテンツが何度も読み上げられることなので、次のことができます aria-hidden属性を画像要素に追加 (および/またはrole="presentation"を設定)音声で読むべきではないことを支援技術に通知する。

26
Ben Brophy