如何允许用户跳过站点的子导航菜单？

Question

我希望改善在网站上使用屏幕阅读器的人们的体验，这些网站的菜单级别很少，链接很多（听到每个项目的人都会觉得无穷无尽）。

有没有办法指导屏幕阅读器说什么？除了使用链接和SR读取文本（在这种情况下，它没有多大意义）。我想的是：

  

＆＃34;可以在以下子菜单中进一步过滤事件。如果您不希望这样做，请通过子菜单选项到事件列表。＆＃34;

我知道这不是理想的; - 目前我正在试图弄清楚如何在没有javascript / jquery的情况下将焦点分配给一个元素，以便通过标签不是必要的 - 但是为了将来的参考（例如，如果一个元素需要进一步解释，不是与文本链接）这将是很好的知道。

我已经在页面上有一个Skip Navigation链接，但这是主菜单。

Answer 1

可以使用多个跳过链接

您可以在菜单之前创建隐藏链接，以便跳过它，如果这就是您的意思。当用户选中它时，他们会听到您的指示并通过选择它们可以绕过菜单。

有关WebAIM网站的更多信息：http://webaim.org/techniques/skipnav/

亮点：

  

这个想法很简单：在页面顶部提供一个链接   将用户跳到开头的锚点或目标   主要内容。

     

可视化隐藏跳过链接最容易获取的方法是   将它们隐藏在屏幕外，然后将它们放在屏幕上   当他们获得键盘焦点时。

     

跳过链接或其他页内链接也可用于允许用户访问   跳转或跳过页面内容。例如，目录   在此页面的顶部包括页面链接以方便   导航到页面区域。也可以使用“跳过”链接来允许   用户快速绕过混乱或可能无法访问   内容，如ASCII艺术，复杂表格等。

Answer 2

Open Ajax Alliance辅助功能示例网站可能有所帮助：http://www.oaa-accessibility.org/example/25/

很难从您的描述中判断这是否适用于您的情况。如果是，则示例站点提供了大量实施指南，以便将ARIA合并到您的解决方案中。