我正在做一个需要可访问性的项目。我正在尝试测试多级和响应式水平菜单，如下所示：
https://foundation.zurb.com/building-blocks/blocks/foundation-5-top-bar.html
除了一个问题外，功能似乎还可以辅助功能。通过键盘打开子菜单的唯一方法是按链接上的 Enter 键，这会阻止打开页面的默认功能。相反，我需要使用链接旁边的切换按钮来打开子菜单(类似于汉堡菜单按钮的功能(。
基金会可以自定义以包含每个子菜单的切换吗？就像我可以从链接中删除切换功能并将其应用于按钮一样？
一/二/三示例中的"一"菜单缺少aria-expanded属性，该属性应根据是否显示子菜单在真/假之间切换。 与"三"下的子菜单相同。
我能够使用向下箭头键展开"一个"菜单。
确实如此，您可以使用箭头键浏览所有子菜单。但问题是打开子菜单的功能禁用了链接，因此无法通过单击链接上的 Enter 来访问页面。(尝试用链接填充菜单并单击它们(
这是我现在的解决方案： 手风琴菜单： https://foundation.zurb.com/sites/docs/accordion-menu.html#submenu-toggle
手风琴菜单增加了一个切换按钮，但它不会在模糊/聚焦时关闭菜单。它也没有悬停支持，但我可以在 CSS 中添加它： li.is-手风琴-子菜单-父：悬停> ul { display： block ！important
}我还必须再次使其看起来像水平菜单，我现在将其用作解决方法。它允许键盘、单击和触摸访问。
以防有人仍然想知道。我喜欢设置基金会"画布外"并添加启用子菜单切换的手风琴菜单.最好的移动菜单用户体验，我可以摆脱基础 6.4xx imo。您可以按 Tab 键打开每个链接或子菜单，并使用箭头循环浏览它们。
https://foundation.zurb.com/sites/docs/off-canvas.html https://foundation.zurb.com/sites/docs/accordion-menu.html#submenu-toggle
对于WordPress来说，这个步行者工作得很好 https://foundation.zurb.com/forum/posts/48646-foundation-6-responsive-navigation-menu-for-wordpress