用途:该规则用于审查渲染后的 HTML、交互组件或设计系统模式,检查页面是否包含可用的“跳到主要内容”链接(skip navigation),以便键盘和屏幕阅读器用户不必每次访问都逐项 Tab 过 50 多个导航项。
主要能力:提供检查、修复与解释三部分指导。检查方面,确认页面开头存在且可用的“跳到主要内容”链接;修复方面,添加视觉上隐藏、在获得焦点时显现并链接到主要内容区的跳转链接;解释方面,说明跳转链接如何让键盘用户绕过重复导航元素、提升操作效率。代码审查时,会针对影响该规则的渲染标记与交互状态,指出违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何用浏览器无障碍工具或辅助技术验证修复。
使用方式:将“跳到主要内容”链接放在页面首个可聚焦元素位置;用 CSS 使其视觉隐藏、获得焦点时显示;链接目标为 id='main-content' 的主要内容区;页面加载后立即按 Tab 键测试。完整实现细节、代码示例和框架相关指导见 references/rule.md。规则页面为 https://frontendchecklist.io/rules/accessibility/skip-navigation。
适用场景:前端无障碍审查、代码评审、设计系统与交互组件检查。
限制:本资料为规则说明与审查指引,未提供具体代码实现、安装命令、收费或平台支持信息,这些内容暂未提供。