WCAG 4.1.2 · A 级

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

多个元素共用一个用于标注或描述的 id,辅助技术可能会读出错误的标签。

此规则检查什么

确保在 ARIA 和标签中使用的每个 id 属性值是唯一的.

为什么重要

标签和描述通过 id 指向元素;重复的 id 会破坏这种关联(WCAG 4.1.2)。

如何修复

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

如何检查修复效果

  • 重新扫描,确认 duplicate-id 规则已通过。

FixReports 如何发现此问题

我们的扫描会在真实的 Chrome 浏览器中,对所测的每个页面运行 axe-core 规则 duplicate-id-aria,并报告每个未通过的元素及其所在页面、标记代码,以及适用时的截图。

自动化测试可以确认这个具体问题确实存在,但无法判断页面的其余部分是否无障碍:有些障碍只有在人工检查页面时才会显现。

立即扫描您的网站

发现问题,修复问题,验证结果。

这是什么类型的网站?

你的回答会选择合适的检查,例如网店的购物流程。我们仍会检查网站本身的证据,并同时显示两者。

这是什么类型的网站?

免费扫描,无需信用卡。