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

时间:2014-04-04 05:32:45

标签: html accessibility screen-readers wai-aria

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

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

  

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

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

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

2 个答案:

答案 0 :(得分:3)

可以使用多个跳过链接

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

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

亮点:

  

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

     

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

     

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

答案 1 :(得分:0)

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

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