WCAG 2.1 達成基準 1.1.1 的には代替テキストの内容が適切でないかもしれない

[knokmki612]

WCAG 2.1 （現時点で WCAG 2.2 が勧告されているが、参考として日本語訳の記事を参照しています）

装飾に使用する画像については支援技術（読み上げソフトなど）が無視するようにすることが望ましい

• 達成基準 1.1.1: 非テキストコンテンツを理解する - 状況 F: 非テキストコンテンツを支援技術が無視することが望ましい場合:
• H67: 支援技術が無視すべき画像に対して、img 要素の alt テキストを空にして、title 属性を付与しない

以下の箇所の場合、靴の画像が「装飾」かというのは私には自明でないようにみえるが、少なくとも、商品のタイトルと同じ代替テキストがあるのは内容の重複にあたるので、避けたほうが良いようにみえた

vue-3-practices/handson-gallery-shoes-finish/src/App.vue

Lines 17 to 23 in 68da88c

	<img
	class="thumbnail"
	:src="'/img/items/' + item.photoFileName"
	:alt="item.name"
	/>
	<div class="item-info">
	<div class="item-title">{{ item.name }}</div>