Question

鉴于以下内容：

<ul role=menu>
    <li role=menuitem><a href="...">Go somewhere</a></li>
    <li><span>Some info</span></li>
    <li><span>More info</span></li>
    <li role=menuitem><span class="btn">Do something</span></li>
</ul>

ARIA角色应该是一些信息和更多信息 <li>有什么？是否有一个很好的资源来权威地确定这个？

Answer 1

如果您使用HTML5：

HTML5规范列出了li element可以拥有的角色：

listitem角色（默认 - 不设置），menuitem，menuitemcheckbox，menuitemradio，option，tab，{{1 }或treeitem。

正如您给presentation元素menu role（＆＃34;一种向用户提供选项列表的小部件类型。＆＃34;），我认为此列表应该只包含选项（即ul，menuitem或menuitemcheckbox）。但似乎你的＆＃34;一些信息＆＃34;和＆＃34;更多信息＆＃34;项目不代表menuitemradio - 相关选项，因此它们可能不应该是该列表的一部分（或者如果它们提供其他信息，则应该成为另一个menu的一部分）。

角色menuitem（对于选择列表），option（对于标签窗口小部件）和tab（对于树）似乎不适用于此处。默认角色treeitem适用于列表（listitem）或目录（list）。

如果＆＃34;一些信息＆＃34;和＆＃34;更多信息＆＃34;只是用于演示，你可以使用directory角色，但我想这不是这里的情况。

对于菜单中没有选项的<li>元素，ARIA有什么作用？

1 个答案: