我不应该在导航栏中当前页面的祖先链接上使用 aria-current="page" 吗？

Question

在查看所述链接的页面或子页面时，在网站的主导航栏中突出显示链接是一种常见的做法，使用

aria-current="page"

在子页面的导航栏中突出显示祖先链接是否是一种错误的做法？

例如，假设我正在访问

/galleries/gallery1/

。

galleries

的那个子页面上的导航栏可以呈现为：

<!-- /galleries/gallery1/index.html -->
<nav>
  <ul>
    <li><a href="/">Home</a></li>
    <li><a href="/about/">About</a></li>
    <li><a href="/galleries/" aria-current="page">Galleries</a></li>
    <li><a href="/contact/">Contact</a></li>
  </ul>
</nav>

或者这会是

aria-current

的错误用法吗？

Answer 1

基于此处的先前答案：What ARIA state role to use for current page in navigation

以及 aria 面包屑示例：https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current

当你有一组相关的元素时，比如一个链接中的几个链接 面包屑或多步骤流程中的步骤，其中一个元素在 小组风格不同于其他小组，以指示有视力的人 用户这是其组中的当前元素，则 aria-current 应该用于通知辅助技术用户 通过样式表示的内容。

我确实相信

aria-current

是为面包屑等非主要导航而设计的。

您可以将活动选项卡保留为非超链接或保持原样。

只需确保您在导航中使用：

role="navigation"

。