【问题标题】:Skip navigation link... anchor beyond breadcrumb or not跳过导航链接...锚是否超出面包屑
【发布时间】:2019-07-19 22:21:34
【问题描述】:

是否应该跳过面包屑之外的导航链接锚点?

<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>

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

【问题讨论】:

    标签: navigation accessibility wai-aria breadcrumbs section508


    【解决方案1】:

    跳过链接的主要目的是跳过内容块,例如导航,在多个网页的顶部(或标签顺序的开头)重复。见Success Criterion 2.4.1: Bypass Blocks, in WCAG 2.1

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

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

    顺便说一句,普通链接 (&lt;a href="..." &gt;) 上不需要 role="link",因为该角色已经隐含在该元素中。

    【讨论】:

    • 同意,但如果您的跳过链接转到面包屑而不是主要内容,请不要太担心。理想情况下,它会跳过面包屑,但 2.4.1 可能有点主观。如果您有一些页面没有面包屑,那么面包屑本身可能不会被视为“在多个页面上重复的内容”。只要您有一个尝试做正确事情的跳过链接,如果它不完美,您仍然符合 2.4.1。但正如@christophe-strobbe 所说,尽可能跳过面包屑。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-04-05
    相关资源
    最近更新 更多