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

Html 如何允许用户跳过站点的子导航菜单?,html,accessibility,screen-readers,wai-aria,Html,Accessibility,Screen Readers,Wai Aria,我希望在一个有几个菜单级别和很多链接的网站上为使用屏幕阅读器的用户提供更好的体验(人们听到每一个项目都会觉得没完没了) 有没有办法指导屏幕阅读器说什么?除了使用链接和SR阅读文本(在这种情况下没有多大意义)。我的想法是: 可以在下面的子菜单中对事件进行进一步筛选。如果不想这样做,请通过子菜单的选项卡查看事件列表 我知道这并不理想;-目前,我正试图找出如何在没有javascript/jquery的情况下将焦点分配给一个元素,这样就不需要进行切换——但为了将来的参考(例如,如果一个元素需要进一步的解

我希望在一个有几个菜单级别和很多链接的网站上为使用屏幕阅读器的用户提供更好的体验(人们听到每一个项目都会觉得没完没了)

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

可以在下面的子菜单中对事件进行进一步筛选。如果不想这样做,请通过子菜单的选项卡查看事件列表

我知道这并不理想;-目前,我正试图找出如何在没有javascript/jquery的情况下将焦点分配给一个元素,这样就不需要进行切换——但为了将来的参考(例如,如果一个元素需要进一步的解释,而不是与文本的链接),最好知道这一点


我在页面上已经有了一个跳过导航链接,但那是主菜单的链接。

开放式Ajax联盟可访问性示例网站可能会有所帮助:

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

可以使用多个跳过链接 你可以在菜单前创建一个隐藏链接,允许你跳过它,如果这是你的意思的话。当用户点击它时,他们会听到你的指令,通过选择它,他们可以绕过菜单

有关WebAIM网站的更多信息:

亮点:

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

可视化隐藏跳过链接的最容易访问的方法可能是 将其隐藏在屏幕外,然后使其定位在屏幕上 当他们接收到键盘焦点时

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


“目前我正试图找出如何在没有javascript/jquery的情况下将焦点分配给一个元素,这样就不需要进行切换”——这通常是通过一个“跳过链接”完成的,该链接只指向应该跳过的内容后面的元素。我已经在页面上找到了一个,但它只对主菜单有用。过滤菜单实际上是页面内容的一部分,因此它只会跳转到导航容器的顶部。“听每个项目的人可能会觉得没完没了”-如果你使用的是
ul
/
ol
,它会在CBroe的评论顶部显示类似“项目列表”的内容,你可以考虑把咏叹调的地标放进去,这是个好主意。我没有考虑过多跳链接。