为<li>菜单中不是选项的元素提供什么 ARIA 角色？

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>

某些信息和更多信息<li>应该扮演什么角色(如果有的话)？有没有好的资源可以权威地确定这一点？

Answer 1

如果您使用HTML5:

HTML5规范列出了li元素可以扮演的角色：

listitem角色(默认-不设置)、menuitem、menuitemcheckbox、menuitemradio、option、tab、treeitem或presentation。

当您赋予ul元素menu角色("一种为用户提供选项列表的小部件。")时，我认为此列表应该只包含选项(即menuitem、menuitemcheckbox或menuitemradio)。但你的"一些信息"one_answers"更多信息"项目似乎并不代表与menu相关的选择，所以它们可能不应该是该列表的一部分(或者是另一个menuitem的一部分，以防它们提供额外信息)。

角色option(用于选择列表)、tab(用于选项卡小部件)和treeitem(用于树)似乎不适用于此处。默认角色listitem用于列表(list)或目录(directory)。

如果"一些信息"one_answers"更多信息"只是用于演示，您可以使用presentation角色，但我想这里不是这样。