跳过导航链接..锚定在面包屑之外

Question

跳过导航链接在面包屑之外是否固定？

？

<a href="#main" role="link" aria-label="Skip Navigation">Skip Navigation</a>
<div id="menu-container">Menu code goes here</div>
<div id="breadcrumb">Breadcrumb code goes here</div>
<div id="main">Main content goes here</div>

或用不同的词提问，是导航的面包屑的一部分吗？

Answer 1

跳过链接的主要目的是跳过内容块，例如导航，在多个网页上的顶部重复（或表格订单的开始）。请参阅成功标准2.4.1：WCAG 2.1中的旁路块：

可以绕过在多个网页上重复的内容块的机制。

BreadCrumb Trail是在多个网页上重复的内容类型的示例。因此，我建议主内容的跳过链接也跳过了面包板小径。

顺便说一句，您在普通链接（<a href="..." >）上不需要role="link"，因为该角色已经对该元素隐含。