Mac ul 上的画外音导航

Question

所以我们有一个 ul 菜单，下面有一个 div，显示选项卡式内容。

<uL>
<li>menu 1</li>
<li>menu 2</li>
<li>menu 3</li>
</ul>
<div id="content">content here</div>

因此，当您将鼠标悬停或单击其中一个菜单项时，相应的内容会显示在 div 中。内容的显示工作正常，但是我们似乎无法找到 Mac 画外音到 select 使用键盘内容的命令或正确的结构。

例如，如果您使用箭头键激活菜单项 #2，它可以显示内容，但是如果您想下拉到内容中，它就不起作用，使用箭头键只会带您到菜单项#3。

如果您在菜单项 #3 上并箭头指向下一个内容，它会正确地让您进入该内容。

有没有一种方法可以构造它，使用户不必进入最后一个菜单项就可以进入内容？或者是否有一个命令会从 ul 中断并移动到内容中？

如有任何帮助，我们将不胜感激。

Answer 1

我们最终为 ADA 用户将所有内容更改为仅点击（删除悬停），并且在 tab/menu 项目打开后，我们将焦点发送到内容。

这解决了我们的问题。

要添加这些选项，我们只需在页面上放置一个 ADA 符号，需要它的人可以单击它来获得他们的功能，不需要单击的人 - 他们的用户体验不会有任何变化。