アーカイブ

imgの​alt何入れるか​問題​(WAI-ARIA回避編)

GitHub Edit Page
この記事は公開から1年以上が経過しています。内容が一部古い箇所があります。

alt に文字画像とかあれば入れるのは常なんだが、たとえば商品画像とかがそのままポンと置いてあると説明しづらい。

heading なりで紹介してあるとスクリーンリーダーなどで読み取るので画像自体に大きな意味はないとは思うけど、特に見出しもなく(alt に詳細を入れずに済む)、ただ文章で説明している箇所もありけりな場合どうするかを回避する方法。

<img
  src="/img/product_001.jpg"
  alt="製品画像01"
  aria-describedby="description01"
/>
<p id="description01">製品画像に関する説明についてあれこれ</p>

こうかな。WAI-ARIA 使えなかったら詰みっぽいです。

参考:https://www.w3.org/WAI/tutorials/images/complex/#description-containing-textual-information

アーカイブ記事のため、内容に関する更新依頼は受け付けておりませんが、誤字や脱字などありましたらご連絡ください。

この記事に関する修正依頼
トップへ戻る