SuperAPI AI 工具集

aria-labels

通用与其它

查看项目

更新于 10-16 08:09

技能介绍

用途:这是前端检查清单(front-end-checklist)中关于无障碍(accessibility)的一条规则,聚焦于为所有交互元素提供无障碍名称。交互元素是网页导航的核心,若缺少名称,用户将无法确信地操作它们。

主要能力:检查按钮、链接及其他控件是否具有可辨识的名称;要求名称简洁并描述动作或目的地;避免“Click Here”“More”等通用名称。规则提供 Check(审查所有交互元素是否存在缺失或无帮助的无障碍名称)、Fix(为所有交互元素添加描述性文本内容或 aria-label 属性)、Explain(解释清晰标签如何改善无障碍性与通用可用性)以及 Code Review(审查渲染后的标记与交互状态,指出违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何用浏览器无障碍工具或辅助技术验证修复)。

使用方式:在审查已渲染 HTML、交互组件或设计系统模式时应用该规则。完整实现细节、代码示例与框架相关指导见 references/rule.md;规则页面为 https://frontendchecklist.io/rules/accessibility/aria-labels。

适用场景:前端开发、设计系统维护、无障碍审计与代码评审。

限制:资料未提供具体框架示例、工具命令或自动化检测方式,相关细节需查阅规则页面与 references/rule.md。