应用错误收集

时间：2018-06-13 19:50:15

标签： menu toggle accessibility responsive submenu

我正在开展一个需要辅助功能的项目。我试图测试多级和响应式水平菜单，如下所示：

除了一个问题，功能似乎对可访问性很好。通过键盘打开子菜单的唯一方法是点击链接上的Enter键，这会阻止打开页面的默认功能。相反，我需要使用链接旁边的切换按钮打开子菜单（类似于汉堡菜单按钮的功能）。

可以自定义基础以包含每个子菜单的切换吗？就像我可以从链接中删除切换功能并将其应用到按钮一样？

答案 0 :(得分：0)

＆＃34; one＆＃34;单/二/三示例中的菜单缺少aria-expanded属性，该属性应根据是否显示子菜单在真/假之间切换。与＆＃34;三＆＃34;下的子菜单相同。

我能够扩展＆＃34;一个＆＃34;使用向下箭头键的菜单。

答案 1 :(得分：0)

确实如此，您可以使用箭头键浏览所有子菜单。但问题是打开子菜单的功能会禁用链接，因此无法通过单击链接上的Enter来访问该页面。（尝试使用链接填充菜单并点击它们）

手风琴菜单添加了一个切换按钮，但它不会在模糊/聚焦时关闭菜单。它也没有悬停支持，但我可以在CSS中添加： li.is-accordion-submenu-parent：hover＆gt; ul {display：block！important}

我还必须让它看起来像一个水平菜单，我现在将其用作解决方法。它允许键盘，点击和触摸访问。

答案 2 :(得分：0)

万一有人还在纳闷。我喜欢设置基础“关闭画布”并添加启用了子菜单切换的手风琴菜单。最好的移动菜单用户体验，我可以摆脱6.4xx imo基础。您可以选择打开的每个链接或子菜单，并使用箭头在它们之间循环。