Question

所以我在网站上使用pytheas主题，并且需要完全可访问。除了使用键盘或特别是tab键导航下拉菜单项之外，我已完成所有其他要求。它遍历菜单的所有标题，但不会进入dropdown元素。

我正在考虑将每个菜单标题链接到打开一个下拉列表instead of a new page，但我该怎么做？目前，我甚至可以看到下拉元素的唯一方法是当我hover我的鼠标悬停在标题上

有办法做到这一点吗？或者是否有更简单的方法可以访问菜单？

Answer 1

此菜单现在可通过键盘访问。此链接提供了有关使菜单键盘可访问（需要JS）并适用于解释ARIA属性的屏幕阅读器的良好信息 - http://simplyaccessible.com/examples/css-menu/option-6/

.nav-menu > li > a:focus, 
.nav-menu > .current-menu-item > a:focus, 
.navigation .current-menu-parent > a:focus, 
.navigation .current-menu-parent > a:focus, 
.nav-menu > .current-menu-item > a:focus, 
.nav-menu ul a:focus {
    background: none repeat scroll 0 0 #F15A23;
    color: #FFFFFF;
    text-decoration: none;
}

.nav-menu li:focus ul, 
 ul.show-menu   {
    margin: 0;
    opacity: 1;
    visibility: visible;
}

在WP菜单中看到它的实现：使用TAB键和箭头（例如向下箭头转到功能级别2。）

http://fiddle.jshell.net/L9y5U/9/
http://fiddle.jshell.net/L9y5U/9/show/

Answer 2

我认为很难实现真正可访问的悬停和展开下拉菜单。如果可能，我们应避免使用此模式。您最好使用其他设计，例如目录。仅供参考，我blogged对此事。

键盘可访问下拉悬停菜单

2 个答案: