Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure tables have unique accessible names. Check native semantic
复制下面这句话,粘贴给 Claude Code、Codex、Cursor 等 AI 编程工具,它会读取安装说明并在你确认后完成安装。
请阅读 https://ai.atlankj.com/install/asset/gh-table-duplicate-name-31d3e840ec55 ,按照其中的说明把「table-duplicate-name」安装到你(当前 AI 工具)中。执行前先告诉我将运行的命令和写入的位置,等我确认。
查看 AI 将读取的安装说明正在读取 GitHub 原文…
内容来自 GitHub 原始文件,由原作者维护。在 GitHub 查看
When multiple tables are present, unique names allow users of assistive technology to quickly identify and navigate to the data they need.
<caption> or aria-labelVerify that every table has a unique accessible name via caption or ARIA attributes.
Add a unique <caption> or aria-label to the table.
Explain why unique table names are necessary for users who rely on screen readers to navigate complex data.
Review the rendered markup and interactive states that affect Ensure tables have unique accessible names. Flag exact elements, roles, labels, focus behavior, or keyboard interactions that violate the rule, and note how to verify the fix with browser accessibility tooling or assistive tech.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/en/rules/accessibility/table-duplicate-name