用途:这是前端检查清单中的无障碍规则,用于在审查渲染后的 HTML、交互组件或设计系统模式时,发现并修正“链接文字相同但目标地址不同”的问题。
主要能力与要点:文字相同的链接应指向同一 URL;若指向不同位置,需为链接文字加以区分。这样可减少屏幕阅读器用户按链接列表浏览时的困惑与不可预测性。
使用方式:检查页面上是否存在链接文字相同但 URL 不同的链接;修复方式是让每个目标地址的链接文字唯一,或确保相同文字始终指向同一资源;并向团队解释该问题为何会误导用户,尤其是依赖屏幕阅读器扫描链接列表的用户。
代码审查:审查渲染后的标记以及影响该规则的交互状态,指出违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何用浏览器无障碍工具或辅助技术验证修复。仓库地址:https://www.skills.sh/thedaviddias/front-end-checklist/identical-links-same-purpose;规则页:https://frontendchecklist.io/en/rules/accessibility/identical-links-same-purpose。
限制:资料未提供具体代码示例、框架特定指南、收费或平台信息,完整实现细节参见 references/rule.md。