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

created at:

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

アーカイブ一覧へ戻る

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

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