SuperAPI AI 工具集

td-headers-attr

前端与建站

查看项目

更新于 10-16 06:15

技能介绍

用途:用于评审已渲染 HTML、交互组件或设计系统中的表格无障碍实现,确保复杂表格的单元格能正确关联表头。适用于多级表头的复杂表格场景,此时仅靠 scope 不足以表达数据与表头的关系。

主要能力:检查 td 元素的 headers 属性是否引用了有效且存在的 th 元素 ID;多个表头 ID 之间使用空格分隔;对不符合规则的标记给出定位与修复建议;说明何时应使用 headers 属性而非 scope。

使用方式:在代码评审中查看渲染后的标记与交互状态,检查影响表格单元与表头关联的元素、角色、标签、焦点行为与键盘交互;修正 headers 属性使其引用对应的 th ID;可借助浏览器无障碍工具或辅助技术验证修复效果。完整实现细节、代码示例与特定框架指引见 references/rule.md,规则页为 https://frontendchecklist.io/rules/accessibility/td-headers-attr。

限制:资料未提供适用框架版本、自动化检查工具名称或其他具体实现条件,暂未提供。