最近我一直在将 ARIA 实现到 Web 应用程序中,我发现这个问题对改进导航部分很有帮助。
在所有模块中实现后,我发现了这个 HTML 验证错误:
此时
aria-selected
元素上不允许使用属性。a
查看 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 角色是什么?