# 在 ARIA 和标签中使用的 ID 必须唯一

<https://www.fixreports.com/zh/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 添加 {{ section.id }}，让重复的分区保持唯一。

### 在 Shopify 上
1. 为每个元素设置唯一的 id，并更新引用它的属性（for、aria-labelledby、aria-describedby）。
2. 在 Shopify 分区中，为 id 添加 {{ section.id }}，让重复的分区保持唯一。

### 在 WooCommerce 和 WordPress 上
1. 为每个元素设置唯一的 id，并更新引用它的属性（for、aria-labelledby、aria-describedby）。
2. 在 Shopify 分区中，为 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