跳过导航链接Skip Link
你可能会说
有人说用键盘得按好多下 Tab 才能到正文，能不能让他一步到位？
键盘用户按 Tab 后出现的快捷入口，点击可直接跳过顶部导航到正文例如进入文档站时，用户可以先按一次 Tab，再选择“跳到主要内容”，不用逐个经过 Logo、搜索和菜单。它获得焦点时必须看得见，但不能代替正常的页面导航。
也常被叫作SkipLink跳到主内容Skip to content
你可以这样告诉 AI Agent
请在页面最前面加入键盘聚焦时可见的“跳到主内容”链接，让它指向唯一的 main，并确保目标可接收焦点，例如按需设置 tabindex="-1"。用 Tab 进入后按 Enter，确认 document.activeElement 已进入主内容；鼠标浏览时链接不应占据版面。
容易混淆？这样区分
跳过导航链接Skip Link≠锚点 Anchor
跳过导航链接 Skip Link 是键盘用户进入页面后的快捷通道；锚点 Anchor 是所有用户都能使用的页内章节目录。
什么时候用
- 有重复顶栏或侧栏的页面：减少键盘用户重复按 Tab 的次数跳到主要内容
- 文档和后台：长导航会增加键盘操作成本跳到主要内容键盘用户按 Tab 后先看到它
- 存在重复导航的独立页面：跳转目标应是唯一的主内容区域跳到主要内容键盘用户按 Tab 后先看到它
什么时候不用
- 只靠鼠标悬停显示：键盘用户无法发现入口跳到主要内容键盘用户按 Tab 后先看到它
- 跳转后未将焦点移到主内容跳到主要内容键盘用户按 Tab 后先看到它
- 用跳过链接代替页内目录或章节导航跳到主要内容键盘用户按 Tab 后先看到它
组成结构 · Anatomy
放在重复导航之前，通常作为最先可聚焦的链接
跳转后焦点应落在这里
常见变体 · Variants
典型使用场景
延伸阅读 · 权威出处
快速练习