html - 导航中的当前页面使用什么 ARIA 状态角色

Question

最近我一直在将 ARIA 实现到 Web 应用程序中，我发现了 this question对改进导航部分很有帮助。

在所有模块中实现后，我发现了这个 HTML 验证错误:

Attribute aria-selected not allowed on element a at this point.

查看 ARIA 规范，我看到 aria-selected 仅用于角色 gridcell、option、row 和 tab。在我的例子中，链接的作用是 menuitem。

这是 HTML 代码的代表性示例:

<nav role=navigation>
    <ul role=menubar>
        <li role=presentation><a href='page1.php' role=menuitem>Page 1</a></li>
        <li role=presentation><a href='page2.php' role=menuitem>Page 2</a></li>
        <li role=presentation><a href='page3.php' role=menuitem aria-selected=true>Page 3</a></li>
        <li role=presentation><a href='page4.php' role=menuitem>Page 4</a></li>
    </ul>
</nav>

如您所见，这是在“第 3 页”拍摄的。

此处使用的正确 ARIA 角色是什么？

Answer 1

您还可以使用 aria-current="page" 来描述导航项中当前显示的页面。