Zurb Foundation 菜单辅助功能 - 子菜单切换按钮

Zurb Foundation menu accessibility - submenu toggle button

我正在从事一个对可访问性有要求的项目。我正在尝试测试多级和响应式水平菜单，如下所示：

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

能否自定义 Foundation 以包含每个子菜单的切换按钮？就像我是否可以从 link 中删除切换功能并将其应用于按钮？

one/two/three 示例中的 "one" 菜单缺少 aria-expanded 属性，该属性应根据子菜单是否显示在 true/false 之间切换。与"three".

下的子菜单相同

我能够使用向下箭头键展开 "one" 菜单。

没错，您可以使用箭头键浏览所有子菜单。但问题是打开子菜单的功能禁用了link，所以在link上点击回车无法进入页面。（尝试用 link 填充菜单并单击它们）

手风琴菜单添加了一个切换按钮，但不会关闭 blur/focusout 上的菜单。它也没有悬停支持，但我可以在 CSS 中添加： li.is-accordion-submenu-parent:hover > ul { display: block !important }

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

以防还有人疑惑。我喜欢建立基础 "off canvas" 并添加启用子菜单切换的手风琴菜单。最好的移动菜单 UX 我可以摆脱基础 6.4xx imo。您可以选择每个 link 或打开的子菜单，也可以使用箭头循环浏览它们。