使用MAC上的VoiceOver Screen Reader,Jquery选项卡式菜单无法正常工作

时间:2016-06-06 20:27:55

标签: jquery voiceover screen-readers

我有一个基本的标签式菜单,使用Jquery构建。选项卡式内容是通过html显示的链接列表。

如果您将鼠标悬停在标签上,则会显示相关信息。如果您使用VoiceOver应用程序和键盘,则选项卡标题显示悬停状态,但内容将不会显示。

此时如果您关闭voiceOver,将显示内容。

任何人都有这方面的资源吗?我们是否需要在选项卡式菜单中添加点击状态而不是悬停?有人告诉我,屏幕阅读器对悬停菜单效果不佳。

欢迎任何帮助。

提前致谢!

1 个答案:

答案 0 :(得分:0)

当您到达VoiceOver链接时(会有一个银色轮廓,而VoiceOver会读取内容),浏览器会触发一个焦点事件。

捕获该选项卡的onFocus或onFocusIn。如果您支持桌面用户,这对仅限键盘的用户也很有帮助。

另外,请确保您的标签是role =" tab",并且父母的角色为" tabgroup" 如果他们是按钮,VO会读取"关于我们,按钮,双击...",用户可能会感到困惑。 如果他们有链接,VO会读取"关于美国,链接,双击...",并且用户假定他们正在移动到新页面并等待& #34;加载新页面"声音。 如果他们是标签,VO会阅读"关于我们,标签,第5页,共6页,双击...",并且用户知道有“标签”,某个标签页存在于某处,以及它们在标签列表中的位置。