8

タグのalt属性の使用目的は正確には何ですか?<img>

画像を説明する必要がありますか、それともスクリーン リーダー (および画像をオフにしているユーザー) に意味のある代替テキストを提供する必要がありますか?

たとえば、Web サイトに人物の短い伝記があり、その人物の小さな写真を掲載している場合、視覚障害のあるユーザーが「John Smith の写真」を読み上げることに本当に意味があるのでしょうか?

4

10 に答える 10

18

HTML 5 仕様には、これに関する大きなセクションがあります。

基本的に、alt属性は、画像をまったく使用していない場合にテキストとして存在するものであるべきです。画像が純粋に装飾的な場合は、 を使用できますalt=""。属性に説明が入りtitleます。

于 2009-03-05T00:51:18.593 に答える
4

代替テキストを使用して、画像で意図したのと同じ情報を伝えるという考えだと思います。これは、イメージが何であるかによって異なります。

ナビゲーション要素は、その外観 (「右矢印」) よりも機能 (「次のページ」、「戻る」) で説明するほうがよいでしょう。

ジョン・スミスの写真は、ジョン・スミスの説明や、開催中のイベントの説明などに置き換えられる場合があります。

于 2009-03-05T00:51:14.693 に答える
3

w3.orgから:

代替テキストは非常に役立つ場合がありますが、注意して取り扱う必要があります。作成者は、次のガイドラインに従う必要があります。

  • ページの書式設定を目的とした画像を含める場合は、無関係な代替テキストを指定しないでください。たとえば、 alt="red ball" は、見出しまたは段落を装飾するために赤いボールを追加する画像には不適切です。このような場合、代替テキストは空の文字列 ("") にする必要があります。いずれにせよ、ページの書式設定に画像を使用することは避けてください。代わりにスタイル シートを使用する必要があります。
  • 無意味な代替テキスト (「ダミー テキスト」など) を指定しないでください。これはユーザーを苛立たせるだけでなく、テキストを音声または点字出力に変換しなければならないユーザー エージェントの速度を低下させます。
于 2009-03-05T00:50:17.050 に答える
2

何らかの理由で画像を読み込めなかった場合に、「代替」テキストを提供します。あなたの例では、はい、それは適切だと思います。

于 2009-03-05T00:47:05.593 に答える
2

「alt」属性は、画像のセマンティクスの代替 (テキスト) 表現です。これは、ロードできない画像に使用されるだけでなく、スクリーン リーダーやテキストのみのブラウザーにも使用されます。

特定のケースでは、代替テキストの種類を含めることは、ページに人物の写真が含まれているかどうかに注意することが重要であると考えるかどうかによって異なります。純粋に視覚的なアイテムの場合は、代替テキストが必要ない場合があります。何らかのリンクとしても使用されている場合は、スクリーン リーダーを使用している人がリンクをたどるとどうなるかについて手がかりを得られるように、代替テキストが必要になるでしょう

于 2009-03-05T00:52:39.540 に答える
1

この [img alt accessibility] の Google での最初のヒットにより、画像が表示されていないときにページがどのように見えるか、またはどのように聞こえるかを検討してください。次に、各画像に対して、代替として最適な代替テキストを記述します( img 要素の代替テキストに関するガイドライン) 。

于 2009-03-05T00:49:03.137 に答える
0

Alt属性はimgタグで使用されます。

Alt は代替を意味します

画像の簡単な説明に使用されます。

ブラウザが画像を読み込めない場合に画面に表示されます

クリックして詳細を知る

于 2015-10-08T15:40:47.347 に答える
0

画像が表示されない場合にユーザーに役立つものにする必要があります。

ところで、IE で画像にカーソルを合わせると、ツールチップに ALT が ALT の正しい動作ではないことが示されるという「機能」があります。タイトルはこれに使用することになっています。

于 2009-03-05T00:47:10.927 に答える
0

目の不自由な人に話しかけるように、画像を簡潔に説明します。ものすごく単純。

この属性値は、Google が画像検索のインデックス作成に使用していると確信しています。

于 2009-03-05T00:49:18.050 に答える
0

Web サイトに人物の短い伝記があり、その人物の小さな写真が掲載されている場合、視覚障害のあるユーザーが「John Smith の写真」を読み上げることに本当に意味があるのでしょうか?

その代替テキストがない場合、彼らは画像が何であると想定すると思いますか? 「ジョン・スミスと彼の妻の写真」? 「オスカーを受け取るジョン・スミスの写真」? 「JFKを暗殺するジョン・スミスの写真」? 「ペットのゾウに殺された後、パティオで死んで横たわっているジョン・スミスの写真」?

ジョン・スミスの写真なら、はい、そう言ってください。それ以外の場合は、そう言ってください。

于 2009-03-05T13:21:05.327 に答える