跳过导航链接
Skip Link
初级网页跳过导航链接（Skip Link）是放在页面靠前位置、让人直接跳到主要内容的链接。因为网站的页头和导航常在每页重复出现，键盘用户不必每次都按多次 Tab 才能读到正文。
你可能会说：「我的网站每页都有一长排导航，能不能让只用键盘的人一进页面就直接去看正文？」
动手看看工作台的跳过导航
跳到正文
MindSet 工作台
概览
项目
通知
今天的待办
审核 3 条申请，回复 2 条留言。
模拟激活跳转
先点一下演示区外，再按 Tab：页面最前面的「跳到正文」会获得真实键盘焦点并显现。继续按 Tab，则会依次经过重复的导航项。
链接平时不占据可见位置，但键盘聚焦时必须清楚地出现，让人知道可以绕过页头和导航。
要点跳过导航链接怎么帮人少走几步？
- 1
把入口放在重复导航之前
你可以把“跳到主要内容”放在页面靠前的键盘操作顺序里。这样用户打开页面后，很快就能遇到它，而不用先逐个经过标志、菜单和搜索入口。
- 2
平时收起，获得焦点时露出
这个链接通常在视觉上收起，键盘焦点移到它时再显示出来。这样既不占用日常布局，键盘用户也能看见当前焦点在哪、按下后会去哪里。
- 3
跳到正文后还能接着操作
链接的目标是当前页面的主要内容，不是另开一页。你验收时可以用键盘试一遍：激活后是否到达正文，接着按 Tab 是否会继续经过正文里的可操作内容，而不是又回到页头。
容易混淆的地方
它可以借助页内锚点实现，但不是所有锚点链接都叫跳过导航链接：目录锚点帮你找某一节，它帮你绕过页面开头重复出现的内容。它也不是“回到顶部”；两者的移动方向和使用时机正好不同。
什么时候用
适合用
- 做企业官网时，每页都有相同的页头、搜索框和多项导航，想让键盘用户直接进入正文。
- 做管理后台时，侧栏有很多模块入口，切换页面后用户还得反复经过整列菜单。
- 做文档站时，顶部和侧边导航都很长，而用户主要想阅读当前文章。
不适合用
- 页面打开后直接就是正文，没有需要反复绕过的导航；这时保持正常的内容顺序就够了。
- 用户想从长文章快速找到某个章节；这时用文章目录和章节锚点，比跳过导航链接更对题。
- 用户想从页面底部返回开头；这时考虑“回到顶部”链接，而不是把跳过导航链接反着用。
练一练选一个答案，看看解释
你做了一个带固定页头和长侧栏的后台页面。键盘用户切换报表后，想立刻操作报表筛选项。哪种改法最贴近跳过导航链接的作用？
让 AI 帮你做复制给 AI Agent 直接用
请给这个带重复页头和侧栏的网站加入跳过导航链接：让它出现在导航之前的键盘操作顺序中，获得焦点时可见，激活后到达当前页面的主要内容。请检查跳转后的焦点和 Tab 顺序，并说明你如何验证。