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