为大型页面提供多个绕过链接

在小型页面上，一个跳过链接就足够了。但复杂布局包含多个重复区域，用户可能不只想跳到 main。

用户可能想去搜索框、主导航或页脚，而不总是想看文章。请提供他们实际需要到达的位置。

常见的一组快捷方式是跳到内容、跳到导航、跳到搜索。请保持列表简短，避免列表本身变成负担。

将跳过链接放在一个小型 nav 区域中，使屏幕阅读器将它们作为页面顶部一组连贯的快捷方式来朗读。

为包装元素添加类似“跳过链接”的 aria-label。没有名称时，屏幕阅读器用户会听到页面上的两个 nav，无法区分它们。

每个快捷方式仍需要一个真实的 id 作为落点。“跳到搜索”应指向搜索区域，“跳到导航”应指向菜单，其他链接同理。

和之前一样，为每个目标添加 tabindex 负一，这样激活对应链接时，焦点就能可靠地移动到那里。

不要为所有内容都添加快捷方式。过多的跳过链接会变成自己的重复内容区块，用户反而需要逐个按 Tab 浏览。

请记住，完善的地标已经能让屏幕阅读器用户在各个区域之间跳转。额外的跳过链接主要服务于能看见屏幕的键盘用户。

请按合理的顺序列出快捷方式，通常先放内容，因为这正是大多数用户来此寻找的东西。较少使用的快捷方式放在最后。

使用 Tab 浏览这组链接，并逐个激活。确认每次焦点都落在正确的区域，而不是偏移到相邻元素。✅

对于大型页面，请在带有标签的 nav 中提供几个跳过链接，每个链接都有自己的可聚焦目标。保持列表简短，并优先放置内容。🎯