SuperAPI AI 工具集

duplicate-id-aria

前端与建站

查看项目

更新于 10-16 05:52

技能介绍

用途:在评审渲染后的 HTML、交互组件或设计系统模式时,检查 ARIA 引用所用 id 是否唯一,防止重复 id 造成辅助技术读取错误的标签或描述,向用户传达误导信息。

主要能力:1)找出 ARIA 属性(如 aria-labelledby)引用的 id 在 DOM 中出现多次的元素;2)提示重复 id 会导致无障碍关系含糊;3)核对 ARIA 控件是否确实指向预期元素;4)在代码评审中标出违反规则的具体元素、角色、标签、焦点行为或键盘交互。

使用方式:结合渲染后的标记与交互状态进行检查,确认所有被 ARIA 属性引用的元素 id 唯一,并同步更新引用。可用浏览器无障碍工具或辅助技术验证修复效果。完整实现细节、代码示例与框架相关指导见 references/rule.md。规则页:https://frontendchecklist.io/rules/accessibility/duplicate-id-aria

限制:资料仅覆盖该单条规则,未提供安装命令、价格、平台或效果数据,亦未提供适配框架的具体步骤。