# IDs used in ARIA and labels must be unique

Source: https://www.fixreports.com/issues/duplicate-id-aria

WCAG 4.1.2 Name, Role, Value · Level A

Several elements share an id that labels or describes something, so assistive technology may read the wrong label.

## What this rule checks
Ensure every id attribute value used in ARIA and in labels is unique.

## Why it matters
Labels and descriptions point to elements by id; duplicates break that link (WCAG 4.1.2).

## How to fix it
### On any website
1. Give each element a unique id and update the attributes that reference it (for, aria-labelledby, aria-describedby).
2. In Shopify sections, add {{ section.id }} to ids so repeated sections stay unique.

### On Shopify
1. Give each element a unique id and update the attributes that reference it (for, aria-labelledby, aria-describedby).
2. In Shopify sections, add {{ section.id }} to ids so repeated sections stay unique.

### On WooCommerce and WordPress
1. Give each element a unique id and update the attributes that reference it (for, aria-labelledby, aria-describedby).
2. In Shopify sections, add {{ section.id }} to ids so repeated sections stay unique.

## How to check the fix
- Re-scan and confirm the duplicate-id rule passes.

## Sources
- axe-core rule documentation (Deque): https://dequeuniversity.com/rules/axe/4.13/duplicate-id-aria
- Understanding WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
