跳过导航 link...是否在面包屑之外定位
Skip navigation link... anchor beyond breadcrumb or not
是否应该跳过面包屑导航链接锚点?
<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>
或者换句话说,面包屑是导航的一部分吗?
skip links 的主要目的是跳过内容块,例如导航,在多个网页的顶部(或 Tab 键顺序的开头)重复出现。见 Success Criterion 2.4.1: Bypass Blocks, in WCAG 2.1:
A mechanism is available to bypass blocks of content that are repeated on multiple Web pages.
面包屑路径是一种会在多个网页上重复的内容的示例。出于这个原因,我建议跳过主要内容的 links 也跳过面包屑路径。
顺便说一句,您不需要在普通 link (<a href="..." >
) 上使用 role="link"
,因为该角色已经隐含在该元素中。
是否应该跳过面包屑导航链接锚点?
<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>
或者换句话说,面包屑是导航的一部分吗?
skip links 的主要目的是跳过内容块,例如导航,在多个网页的顶部(或 Tab 键顺序的开头)重复出现。见 Success Criterion 2.4.1: Bypass Blocks, in WCAG 2.1:
A mechanism is available to bypass blocks of content that are repeated on multiple Web pages.
面包屑路径是一种会在多个网页上重复的内容的示例。出于这个原因,我建议跳过主要内容的 links 也跳过面包屑路径。
顺便说一句,您不需要在普通 link (<a href="..." >
) 上使用 role="link"
,因为该角色已经隐含在该元素中。