navigation - 跳过导航链接...锚是否超出面包屑

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>

或者换个说法，面包屑导航是导航的一部分吗？

标签： navigationaccessibilitywai-ariabreadcrumbssection508

Answer 1

跳过链接的主要目的是跳过在多个网页的顶部（或跳转顺序的开头）重复的内容块，例如导航。请参阅WCAG 2.1 中的成功标准 2.4.1：绕过块：

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

面包屑路径是一种将在多个网页上重复的内容类型的示例。出于这个原因，我建议主要内容的跳过链接也跳过面包屑路径。

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