什么ARIA角色将用于菜单标题？

Question

在我目前正在开发用户界面的应用程序中，菜单包含每个都有标题的子菜单。为此，我使用了描述列表，但希望将aria角色添加到菜单组件中。在规范中，似乎没有菜单标题的作用。下面是一个示例布局。对正确角色的任何想法？标签似乎没有削减它，但也许这是正确的。

<dl role="menubar">
    <dt role="menuitem">Item One</dt>
    <dt role="menuitem">Item Two</dt>
    <dd>
        <dl role="menu">
            <dt role="???">Sub menu</dt>
            <dd role="menuitem">Item One</dd>
            <dd role="menuitem">Item Two</dd>
       </dl>
   </dd>
</dl>

Answer 1

好吧，你可能不应该使用和相关的标签，没有理由不简单地使用ul和li。看看这个实现：

http://dylanb.github.io/bower_components/a11yfy/examples/menu.html

ARIA使用层次结构确定＆＃34;标题＆＃34;，上面的示例将向您展示如何使用ul和li执行此操作。你可以用dl实现同样的目的，但我还没有看到它。

为了让菜单正确宣布，还必须记住一件事：层次结构中的所有元素必须有一个角色。如果角色不是菜单角色之一，那么您必须添加role =＆＃34; presentation＆＃34;或者菜单的序数公告是错误的。