Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/apache-kafka/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Menu ZURB基础菜单可访问性-子菜单切换按钮_Menu_Toggle_Accessibility_Responsive_Submenu - Fatal编程技术网

Menu ZURB基础菜单可访问性-子菜单切换按钮

Menu ZURB基础菜单可访问性-子菜单切换按钮,menu,toggle,accessibility,responsive,submenu,Menu,Toggle,Accessibility,Responsive,Submenu,我正在做一个项目,其中有一个可访问性的要求。我正在尝试测试多层次、响应性强的水平菜单,如下所示: 除了一个问题外,功能对于可访问性来说似乎还不错。通过键盘打开子菜单的唯一方法是点击链接上的Enter键,这会阻止打开页面的默认功能。相反,我需要使用链接旁边的切换按钮来打开子菜单(类似于汉堡菜单按钮的功能) 可以自定义基础以包含每个子菜单的切换吗?就像我可以从链接中删除切换功能并将其应用于按钮一样?一/二/三示例中的“一”菜单缺少aria expanded属性,该属性应根据是否显示子菜单在真/假之

我正在做一个项目,其中有一个可访问性的要求。我正在尝试测试多层次、响应性强的水平菜单,如下所示:

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

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

一/二/三示例中的“一”菜单缺少
aria expanded
属性,该属性应根据是否显示子菜单在真/假之间切换。与“三”下的子菜单相同


我可以使用向下箭头键展开“一”菜单。

没错,您可以使用箭头键浏览所有子菜单。但问题是打开子菜单的功能会禁用链接,因此无法通过单击链接上的Enter来访问页面。(尝试用链接填充菜单并单击它们)

这是我目前的解决方案:手风琴菜单:

手风琴菜单添加了一个切换按钮,但它不会在模糊/聚焦输出时关闭菜单。它也没有悬停支持,但我可以在CSS中添加: li.is accordion子菜单父菜单:hover>ul{display:block!important}


我还必须使它再次看起来像一个水平菜单,我现在将使用它作为一个解决办法。它允许键盘、点击和触摸访问。

以防任何人仍在疑惑。我喜欢建立“画布”基础,并添加手风琴菜单与子菜单切换启用。最好的移动菜单UX我可以从基础64.xx IMO中得到。你可以把标签链接到每个链接或子菜单,并使用箭头来循环它们。

对于wordpress来说,这个助行器工作得很好