image タグが a タグ内にある必要があり、兄弟スパンがある場合、a/img 要素の alt/title タグと同じコンテンツが表示されます。
データの重複なし
aria-labelledby 属性を使用してアクセシビリティを取得する方法。
<a href="/project/image.jpg" title="photo caption" alt="photo caption">
<img src="/image/thumb.jpg" alt="photo caption"/>
</a>
<span id="pc_1">photo caption</span>
この質問が、aria 固有の属性と通常の html 属性がアクセシビリティにおいてどのように役割を果たすかを理解するのに役立つことを願っています。Alt タグと aria-labelledby の比較。