如何在下拉菜单中允许标签导航？

Question

我正在改善网站的辅助功能。我想尽可能地允许标签导航，但我遇到了与下拉菜单相关的问题。当<li>处于：悬停状态时，下拉列表将打开，我在开启时添加了css以打开它：焦点状态，因此它将使用标签导航打开。问题是，一旦打开下拉列表，下一个选项卡将关闭它..（因为它转到<li>内的链接，<li>本身失去焦点。

有什么建议吗？

这是一个小小的小提琴，它是我在谷歌上发现并调整它以证明问题的东西。尝试按tab直到下拉菜单打开，您将在下一个标签中看到它将被关闭。

https://jsfiddle.net/xt3Lcvpy/

Answer 1

使用tabindex属性。在您共享的示例中，由于所有父菜单元素都将tabindex设置为0，因此您可以对所有这些元素进行制表。为子菜单项设置类似的tabindex属性（tabindex =“1,2,3 ......等等），他们也会效仿。