SuperAPI AI 工具集

aria-meter-name

前端与建站

查看项目

更新于 10-16 05:29

技能介绍

用途

该技能用于在代码审查中检查 meter 元素的可访问性命名问题。meter 表示一个标量测量值;如果没有标签,用户可能只听到一个数值(例如“50%”),却不知道它指的是电池电量、存储空间还是密码强度。因此,为 meter 元素提供可访问名称是必要的。

主要能力

  • 检查渲染后的 HTML、交互组件或设计系统模式中与 meter 元素可访问名称相关的问题。
  • 识别缺少可访问名称的 <meter> 元素或带有 role="meter" 的元素。
  • 提示使用 aria-label 或 aria-labelledby 为测量值提供上下文。
  • 在代码审查中,指出违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何通过浏览器可访问性工具或辅助技术验证修复。

使用方式

该技能适用于审查渲染后的标记以及影响 meter 元素可访问名称的交互状态。检查时,定位缺少可访问名称的 <meter> 元素或 role="meter" 元素;修复时,为 meter 元素添加 aria-label 或 aria-labelledby 来描述测量内容。完整实现细节、代码示例和框架特定指导见 references/rule.md。

规则页面:https://frontendchecklist.io/rules/accessibility/aria-meter-name

适用场景

  • 前端代码审查,尤其是涉及可访问性的检查。
  • 审查交互组件或设计系统模式中的 meter 元素。
  • 需要确保屏幕阅读器用户能理解测量值含义的场景。

限制

资料中未提供关于收费、价格、平台支持范围或具体效果保证的信息。