Browser 将ChromeVox焦点从菜单div移动到内容div

我正在与ChromeVox扩展合作，为我们的教会网站www.uulynchburg.org添加一个文本阅读器。当使用鼠标导航时，很容易单击文本块来启动阅读器。问题出现在无法使用鼠标和依赖导航键的人身上。我可以沿着菜单走，但一旦选择了菜单项，我希望焦点从memu跳到内容中文本的开头。

如果要将ChromeVox焦点放在特定页面元素上，则需要将焦点放在该元素上

创建可聚焦的包装器元素。

要使固有的不可聚焦元素（非表单元素、按钮、链接等）可聚焦，请添加

tab index=“-1”

）

这是一个示例，但您可以选择任何特定元素

---

如果您正在构建一个单页应用程序，此技术尤其有用。

您可以附加一些有关此问题的代码吗？该网页具有菜单分区和内容分区。了解更多信息后，如果我在每个分区的顶部使用标题标签，用户可以跳到下一个或上一个标题。有关键绑定的列表，请参见。

<div id="main-content" tab-index="-1">
  <h1>heading</h1>
</div>

document.getElementById('main-content').focus()