Primefaces 是否有类似于p:menubar的菜单栏可以访问？

我使用的当前菜单栏的格式与Primefaces showcase中的相同。例如：

<h:form>  
<p:growl id="messages"/>

<p:menubar>
    <p:submenu label="File" icon="ui-icon-document">
        <p:submenu label="New" icon="ui-icon-contact">
            <p:menuitem value="Project" url="#" />
            <p:menuitem value="Other" url="#" />
        </p:submenu>
        <p:menuitem value="Open" url="#" />
        <p:separator />
        <p:menuitem value="Quit" url="#" />
    </p:submenu>       
</p:menubar>

---

我正在努力做到AODA兼容，我希望我的菜单栏可以访问。我已经找到了一个解决办法，使它从键盘工作。问题是，当使用像JAWS这样的屏幕阅读器在菜单中进行tab时，它不会读取任何菜单元素。有人知道我可以使用的替代菜单栏吗？它的外观与Primefaces菜单栏相似，但可以与屏幕阅读器正确交互（即所有菜单元素都被读取）？我使用的是PrimeFaces5.2

jQuery模块是否足够好？这是否有助于屏幕阅读器读取菜单栏的内容？我没有使用jQuery的经验，所以我不知道它是一个合适的解决方案。那时它可能不合适。这里是链接这里是一个例子（不是很好的风格）我用JAWS尝试了你的例子。它有一些问题，但是一个从我的改进。我会玩玩它，看看我能做些什么。谢谢