地标导航：用户如何在页面中跳转
体验使用屏幕阅读器在不同区域之间移动
地标导航：用户如何在页面中跳转 是 CoddyKit 上的免费 Web Accessibility Academy 课时。 这是第 4 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Web Accessibility Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Web Accessibility Academy 课程共包含 4 节课。
跳转，而不是滚动
视力正常的用户会扫视页面，而屏幕阅读器用户则会使用您定义的地标，在各个区域之间跳转。
地标快捷键
大多数屏幕阅读器都提供用于循环浏览地标的按键。在 NVDA 中，按D键即可跳到下一个区域，无需使用鼠标。
区域列表
用户还可以打开地标列表，也就是包含页面所有区域的菜单，然后选择一个区域直接跳转到那里。
跳过重复内容
最大的好处就是可以跳过内容。用户可以跳过已经听过的页眉和导航，直接到达新内容。
VoiceOver 转子
在 Mac 上，VoiceOver 用户可以打开转子，选择“地标”，按名称和角色浏览您的各个区域。
为什么命名很有用
在地标列表中，您的aria-label值会成为菜单项，因此好的名称是让跳转真正有用的关键。
<nav aria-label="Main">...</nav>顺序遵循 DOM
地标会按照源代码顺序访问，因此合理的 HTML 顺序会为所有人带来合理的跳转顺序。
地标过多会造成负担
如果每个框都成为一个区域，列表就会变成噪音。请只为真正的页面分区使用地标，不要用于一般布局。
覆盖整个页面
理想情况下，所有可见内容都应位于某个地标内。位于任何区域之外的孤立内容更难通过跳转找到。
亲自测试
打开屏幕阅读器并按地标快捷键。如果您可以在页面中顺畅地跳转，就说明您的区域设置正常。🎧
比连续按制表键更快
跳转地标比按几十次Tab更高效。几次按键就能代替逐个浏览所有链接的漫长过程。
快速检查
对于屏幕阅读器用户来说，使用地标导航的主要好处是什么？
回顾：在页面中跳转
您学会了使用按键或转子在地标之间跳转，了解了命名区域和 DOM 顺序的重要性，并学会通过听觉进行测试。🙌
用 AI 导师学习 HTML — 免费
在浏览器中编写并运行真实代码，获得全天候 AI 导师的即时帮助，并在网页或应用中继续学习。
- 课程
- 30
- 课程
- 120
常见问题解答
「地标导航：用户如何在页面中跳转」课时是免费的吗？
是的 — 「地标导航：用户如何在页面中跳转」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Web Accessibility Academy 课程的其余内容，请升级到 CoddyKit PRO。 Web Accessibility Academy 课程共包含 4 节课。
「地标导航：用户如何在页面中跳转」这节课中我会学到什么？
体验使用屏幕阅读器在不同区域之间移动 你通过在浏览器中直接运行的动手代码来练习 Web Accessibility Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Web Accessibility Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 Web Accessibility Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 4 节课，共 4 节。
「地标导航：用户如何在页面中跳转」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 Web Accessibility Academy 课中编写并运行代码吗？
能。每节 Web Accessibility Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。