# imgロールを持つ<svg>要素には代替テキストが存在しなければなりません

<https://www.fixreports.com/ja/issues/svg-img-alt>

WCAG 1.1.1 非テキストコンテンツ・レベルA

情報を伝えるSVG画像に代替テキストがありません。

## このルールがチェックする内容
img、graphics-documentまたはgraphics-symbolロールを持つsvg要素にアクセシブルなテキストがあることを確認してください.

## なぜ重要なのか
WCAG 1.1.1では、意味のある画像に代替テキストが求められます。

## 修正方法
### あらゆるウェブサイトの場合
1. 意味のあるSVGにはaria-labelまたは<title>要素を追加し、純粋に装飾目的のSVGにはaria-hidden="true"を追加します。

### Shopifyの場合
1. 意味のあるSVGにはaria-labelまたは<title>要素を追加し、純粋に装飾目的のSVGにはaria-hidden="true"を追加します。

### WooCommerceとWordPressの場合
1. 意味のあるSVGにはaria-labelまたは<title>要素を追加し、純粋に装飾目的のSVGにはaria-hidden="true"を追加します。

## 修正の確認方法
- 該当するページを再スキャンします。

## 出典
- axe-coreのルールのドキュメント（Deque）: https://dequeuniversity.com/rules/axe/4.13/svg-img-alt
- WCAG 1.1.1の解説（W3C）: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content