用途
该技能用于在代码审查中检查 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 元素。
- 需要确保屏幕阅读器用户能理解测量值含义的场景。
限制
资料中未提供关于收费、价格、平台支持范围或具体效果保证的信息。