SuperAPI AI 工具集

accessible-tables

前端与建站

查看项目

更新于 10-16 04:32

技能介绍

用途:在审查已渲染 HTML、交互组件或设计系统模式时,检查与“为屏幕阅读器使用语义化表格标记”相关的无障碍问题,帮助屏幕阅读器用户理解数据关系并浏览表格内容。

主要能力:提醒屏幕阅读器按单元格读取表格数据,若缺少正确表头,用户听到的数字会缺失上下文;支持对表格语义做检查、修复与解释,并用于代码审查。

必要用法与检查点:表头使用 th 元素并配合 scope="col" 或 scope="row";添加 caption 描述表格用途;不要用表格做布局,改用 CSS Grid 或 Flexbox;合并单元格的复杂表格使用 id/headers;对带有清晰相邻章节标题的简单表格,缺少 scope 往往比缺少 caption 更值得作为问题上报;同一简单表格优先提出一个有力的表格语义问题,而非堆叠多个较弱改进项。修复方法为补充带 scope 属性的表头、添加说明上下文的 caption,并确保表格未被用于布局。

适用场景:审查已渲染标记与影响相关规则的交互状态,标出违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何用浏览器无障碍工具或辅助技术验证修复;完整实现细节、代码示例与框架特定指引见 references/rule.md,规则页为 https://frontendchecklist.io/rules/accessibility/accessible-tables。

限制:资料未提供该技能的具体安装命令、运行环境、依赖、收费或授权信息,暂未提供。