用途
该技能用于在审查渲染后的 HTML、交互组件或设计系统模式时,检查链接文本是否具有描述性。其核心目标是提升可访问性,特别是帮助屏幕阅读器用户理解每个链接的目的地。
主要能力
- 检查所有链接,验证文本是否描述了目标位置。
- 识别并标记通用短语,如“点击这里”“阅读更多”“了解更多”等缺乏上下文的信息。
- 确认屏幕阅读器在脱离上下文时仍能理解链接用途。
- 提供修复建议:用描述性短语替换通用链接文本;当视觉设计需要短文本但需要上下文时,使用 aria-label 或 aria-labelledby。
- 解释屏幕阅读器用户如何通过列出页面所有链接进行导航,以及为什么重复的“点击这里”无法提供有用信息。
- 支持代码审查:审查渲染标记和交互状态,标记违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何通过浏览器可访问性工具或辅助技术验证修复。
使用方式
该技能以规则形式提供,包含快速参考、检查、修复、解释和代码审查等部分。使用时,可按照规则逐项审查链接文本。完整实现细节、代码示例和框架特定指南见 references/rule.md。规则页面为 https://frontendchecklist.io/en/rules/accessibility/link-text。
适用场景
- 审查网页或应用中的链接可访问性。
- 检查设计系统模式中的链接文本。
- 代码审查中涉及链接文本可访问性的部分。
- 需要确保屏幕阅读器用户能理解链接目的地的场景。
限制
- 该技能主要关注链接文本的描述性,不涉及链接的其他可访问性方面(如颜色对比度、焦点样式等),除非与文本描述相关。
- 具体实现细节和框架特定指南需参考 references/rule.md,本介绍未提供。
- 未提供关于收费、价格、平台或效果的信息。