# ARIAおよびラベルに使用されているIDは一意でなければなりません

<https://www.fixreports.com/ja/issues/duplicate-id-aria>

WCAG 4.1.2 名前・役割・値・レベルA

ラベルや説明に使われるidを複数の要素が共有しているため、支援技術が誤ったラベルを読み上げる可能性があります。

## このルールがチェックする内容
ARIAおよびラベルに使用されているすべてのid属性の値が一意であることを確認してください.

## なぜ重要なのか
ラベルや説明はidで要素を参照しているため、idが重複するとその関連付けが壊れます（WCAG 4.1.2）。

## 修正方法
### あらゆるウェブサイトの場合
1. 各要素に固有のidを付け、それを参照する属性（for、aria-labelledby、aria-describedby）を更新します。
2. Shopifyのセクションでは、繰り返し使われるセクションでもidが固有になるよう、idに{{ section.id }}を追加します。

### Shopifyの場合
1. 各要素に固有のidを付け、それを参照する属性（for、aria-labelledby、aria-describedby）を更新します。
2. Shopifyのセクションでは、繰り返し使われるセクションでもidが固有になるよう、idに{{ section.id }}を追加します。

### WooCommerceとWordPressの場合
1. 各要素に固有のidを付け、それを参照する属性（for、aria-labelledby、aria-describedby）を更新します。
2. Shopifyのセクションでは、繰り返し使われるセクションでもidが固有になるよう、idに{{ section.id }}を追加します。

## 修正の確認方法
- 再スキャンし、duplicate-idルールが合格することを確認します。

## 出典
- axe-coreのルールのドキュメント（Deque）: https://dequeuniversity.com/rules/axe/4.13/duplicate-id-aria
- WCAG 4.1.2の解説（W3C）: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value