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

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

跳过链接的主要目的是跳过内容块，例如导航，即在多个网页的顶部（或Tab键顺序的开头）重复进行。参见Success Criterion 2.4.1: Bypass Blocks, in WCAG 2.1：

  

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

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

顺便说一句，您无需在常规链接（role="link"）上使用<a href="..." >，因为该角色已经对该元素隐含了。