SuperAPI AI 工具集

link-text

前端与建站

查看项目

更新于 10-16 06:07

技能介绍

用途

该技能用于在审查渲染后的 HTML、交互组件或设计系统模式时,检查链接文本是否具有描述性。其核心目标是提升可访问性,特别是帮助屏幕阅读器用户理解每个链接的目的地。

主要能力

  • 检查所有链接,验证文本是否描述了目标位置。
  • 识别并标记通用短语,如“点击这里”“阅读更多”“了解更多”等缺乏上下文的信息。
  • 确认屏幕阅读器在脱离上下文时仍能理解链接用途。
  • 提供修复建议:用描述性短语替换通用链接文本;当视觉设计需要短文本但需要上下文时,使用 aria-label 或 aria-labelledby。
  • 解释屏幕阅读器用户如何通过列出页面所有链接进行导航,以及为什么重复的“点击这里”无法提供有用信息。
  • 支持代码审查:审查渲染标记和交互状态,标记违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何通过浏览器可访问性工具或辅助技术验证修复。

使用方式

该技能以规则形式提供,包含快速参考、检查、修复、解释和代码审查等部分。使用时,可按照规则逐项审查链接文本。完整实现细节、代码示例和框架特定指南见 references/rule.md。规则页面为 https://frontendchecklist.io/en/rules/accessibility/link-text。

适用场景

  • 审查网页或应用中的链接可访问性。
  • 检查设计系统模式中的链接文本。
  • 代码审查中涉及链接文本可访问性的部分。
  • 需要确保屏幕阅读器用户能理解链接目的地的场景。

限制

  • 该技能主要关注链接文本的描述性,不涉及链接的其他可访问性方面(如颜色对比度、焦点样式等),除非与文本描述相关。
  • 具体实现细节和框架特定指南需参考 references/rule.md,本介绍未提供。
  • 未提供关于收费、价格、平台或效果的信息。