スライドショーの各画像に有効なalt属性はどれですか？

Question

ウェブサイトのディレクトリには、すべての企業が複数の画像を含むスライドショーを持っています。いずれの画像がどのような種類の画像であるかわからない場合、各画像/リンクのalt属性を処理する最良の方法は何ですか？

例（編集済み）

<ul class="slideshow"> 
    <li> 
    <a href="img1_full.jpg" ><img src="img1_thumb" alt=""></a> 
    </li> 
    <li> 
    <a href="img2_full.jpg" ><img src="img1_thumb" alt=""></a> 
    </li> 
</ul> 

Answer 1

alt="Slideshow image 1 of Business X"など

あなたがイメージがあるかわからないので、これは有効なオプションになります。それは、スクリーンリーダーを使用している人、または画像が見えない何らかの理由で（読み込まれない）、画像がスライドショーの一部であることを示します。また、それがどの画像であり、どのようなビジネスに関連しているかを示します。

クレジットビジョンAPIなどのAPIを使用すると、画像のコンテンツを分析し、それを説明する短い語句を返すことができます。

Answer 2

The a element can’t have an alt attribute。

• スライドショー内の画像のみが装飾されている場合は、空のalt値を使用する必要があります。あなたはimgを使用すると仮定すると

  。

• 画像の代わりにaltの値has to describe the purpose of the linkのリンクがページに表示される場合は、画像ではありません。たとえば、スライドが製品イメージを表示し、製品ページにリンクされている場合、altの値が製品名になります。

• リンクがイメージに（たとえば、より高い解像度で）送られる場合、またはスライドがリンクされていない場合は、altの値でイメージを記述する必要があります。

Exception：あなたは自動的にマークアップを生成し、適切なalt値を追加する方法がない場合は、代わりにaltの（空の値を持つ）属性generator-unable-to-provide-required-altを使用することができます。それは不適合ですが、バリデータはエラーを無視するかもしれませんし、いずれにしても不適切なalt値を提供するよりも優れています。