SuperAPI AI 工具集

aria-command-name

前端与建站

查看项目

更新于 10-16 05:29

技能介绍

用途

该技能用于在审查渲染后的 HTML、交互组件或设计系统模式时,检查 ARIA 命令类元素是否提供了可访问名称(accessible name)。其核心目标是确保屏幕阅读器用户能够理解交互控件的用途。

主要能力

  • 识别具有命令角色(如 button、link、menuitem)但缺少清晰可访问名称的元素。
  • 指导通过以下方式补充可访问名称:元素内部文本内容、aria-label、aria-labelledby。
  • 解释可访问名称如何帮助屏幕阅读器用户理解交互控件。
  • 在代码审查中,标记违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何用浏览器无障碍工具或辅助技术验证修复。

使用方式

该技能适用于审查渲染后的标记和影响 ARIA 命令元素可访问名称的交互状态。检查时需定位缺少可访问名称的命令角色元素,然后为其添加可访问名称。完整实现细节、代码示例和框架相关指导见 references/rule.md。规则页面:https://frontendchecklist.io/rules/accessibility/aria-command-name

适用场景

  • 前端代码审查,尤其是涉及无障碍(accessibility)的检查。
  • 设计系统模式评审,确保交互组件具备可访问名称。
  • 使用屏幕阅读器等辅助技术进行验证前的自查。

限制

资料未提供该技能的具体安装命令、支持的框架版本、收费信息或平台限制,这些内容暂未提供。