WAI-ARIA-选择/当前菜单项/页面，如何在菜单栏中设置正确的状态？

Question

我在一个网站上做一些代码清理/验证，遇到了一个问题。该站点有一个主菜单（菜单栏），其中应显示当前页面。

菜单结构如下所示：

<nav role="navigation">
    <ul role="menubar">
        <li role="menuitem" aria-selected="true">
            <a href="currentpage">Current page</a>
        </li>
        <li role="menuitem">
            <a href="anotherpage">Another page</a>
        </li>
    </ul>
</nav>

根据WAI-ARIA规范，角色menuItem上不允许状态aria选择：http://www.w3.org/TR/wai-aria/states_and_properties#aria-selected.我也找不到任何似乎将menuproject标记为选择的menuproject状态：http://www.w3.org/TR/wai-aria/roles#menuitem.

菜单栏中选定菜单项/页面的正确实现是什么？

更新：

我找到了一个答案，建议把锚留在菜单的当前页面上，但不确定这是否会给我想要的。

<li role="menuitem">Current page</li>

Answer 1

正如在博客条目中很好地阐述的，通过引入属性aria Current=“true”，可访问的当前页面链接难题似乎有了一个即将到来的解决方案。

现在，你和我在一起

>

您发现当前页面菜单项上没有保留锚

<nav role="navigation">
    <ul>
        <li><a href="/" aria-describedby="a11y-desc-current">Home</a></li>
        <li><a href="/about/">About</a></li>
        <li><a href="/contact/">Contact</a></li>
    </ul>
    <span id="a11y-desc-current">current page</span>
</nav>