imgのalt何入れるか問題(WAI-ARIA回避編)
この記事は公開から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