此规则检查什么
确保在 ARIA 和标签中使用的每个 id 属性值是唯一的.
为什么重要
标签和描述通过 id 指向元素;重复的 id 会破坏这种关联(WCAG 4.1.2)。
如何修复
- 为每个元素设置唯一的 id,并更新引用它的属性(for、aria-labelledby、aria-describedby)。
- 在 Shopify 分区中,为 id 添加 {{ section.id }},让重复的分区保持唯一。
如何检查修复效果
- 重新扫描,确认 duplicate-id 规则已通过。
FixReports 如何发现此问题
我们的扫描会在真实的 Chrome 浏览器中,对所测的每个页面运行 axe-core 规则 duplicate-id-aria,并报告每个未通过的元素及其所在页面、标记代码,以及适用时的截图。
自动化测试可以确认这个具体问题确实存在,但无法判断页面的其余部分是否无障碍:有些障碍只有在人工检查页面时才会显现。