タグのalt
属性の使用目的は正確には何ですか?<img>
画像を説明する必要がありますか、それともスクリーン リーダー (および画像をオフにしているユーザー) に意味のある代替テキストを提供する必要がありますか?
たとえば、Web サイトに人物の短い伝記があり、その人物の小さな写真を掲載している場合、視覚障害のあるユーザーが「John Smith の写真」を読み上げることに本当に意味があるのでしょうか?
タグのalt
属性の使用目的は正確には何ですか?<img>
画像を説明する必要がありますか、それともスクリーン リーダー (および画像をオフにしているユーザー) に意味のある代替テキストを提供する必要がありますか?
たとえば、Web サイトに人物の短い伝記があり、その人物の小さな写真を掲載している場合、視覚障害のあるユーザーが「John Smith の写真」を読み上げることに本当に意味があるのでしょうか?
HTML 5 仕様には、これに関する大きなセクションがあります。
基本的に、alt
属性は、画像をまったく使用していない場合にテキストとして存在するものであるべきです。画像が純粋に装飾的な場合は、 を使用できますalt=""
。属性に説明が入りtitle
ます。
代替テキストを使用して、画像で意図したのと同じ情報を伝えるという考えだと思います。これは、イメージが何であるかによって異なります。
ナビゲーション要素は、その外観 (「右矢印」) よりも機能 (「次のページ」、「戻る」) で説明するほうがよいでしょう。
ジョン・スミスの写真は、ジョン・スミスの説明や、開催中のイベントの説明などに置き換えられる場合があります。
w3.orgから:
代替テキストは非常に役立つ場合がありますが、注意して取り扱う必要があります。作成者は、次のガイドラインに従う必要があります。
何らかの理由で画像を読み込めなかった場合に、「代替」テキストを提供します。あなたの例では、はい、それは適切だと思います。
「alt」属性は、画像のセマンティクスの代替 (テキスト) 表現です。これは、ロードできない画像に使用されるだけでなく、スクリーン リーダーやテキストのみのブラウザーにも使用されます。
特定のケースでは、代替テキストの種類を含めることは、ページに人物の写真が含まれているかどうかに注意することが重要であると考えるかどうかによって異なります。純粋に視覚的なアイテムの場合は、代替テキストが必要ない場合があります。何らかのリンクとしても使用されている場合は、スクリーン リーダーを使用している人がリンクをたどるとどうなるかについて手がかりを得られるように、代替テキストが必要になるでしょう。
この [img alt accessibility] の Google での最初のヒットにより、画像が表示されていないときにページがどのように見えるか、またはどのように聞こえるかを検討してください。次に、各画像に対して、代替として最適な代替テキストを記述します( img 要素の代替テキストに関するガイドライン) 。
画像が表示されない場合にユーザーに役立つものにする必要があります。
ところで、IE で画像にカーソルを合わせると、ツールチップに ALT が ALT の正しい動作ではないことが示されるという「機能」があります。タイトルはこれに使用することになっています。
目の不自由な人に話しかけるように、画像を簡潔に説明します。ものすごく単純。
この属性値は、Google が画像検索のインデックス作成に使用していると確信しています。
Web サイトに人物の短い伝記があり、その人物の小さな写真が掲載されている場合、視覚障害のあるユーザーが「John Smith の写真」を読み上げることに本当に意味があるのでしょうか?
その代替テキストがない場合、彼らは画像が何であると想定すると思いますか? 「ジョン・スミスと彼の妻の写真」? 「オスカーを受け取るジョン・スミスの写真」? 「JFKを暗殺するジョン・スミスの写真」? 「ペットのゾウに殺された後、パティオで死んで横たわっているジョン・スミスの写真」?
ジョン・スミスの写真なら、はい、そう言ってください。それ以外の場合は、そう言ってください。