我有一个基本的标签式菜单,使用Jquery构建。选项卡式内容是通过html显示的链接列表。
如果您将鼠标悬停在标签上,则会显示相关信息。如果您使用VoiceOver应用程序和键盘,则选项卡标题显示悬停状态,但内容将不会显示。
此时如果您关闭voiceOver,将显示内容。
任何人都有这方面的资源吗?我们是否需要在选项卡式菜单中添加点击状态而不是悬停?有人告诉我,屏幕阅读器对悬停菜单效果不佳。
欢迎任何帮助。
提前致谢!
答案 0 :(得分:0)
当您到达VoiceOver链接时(会有一个银色轮廓,而VoiceOver会读取内容),浏览器会触发一个焦点事件。
捕获该选项卡的onFocus或onFocusIn。如果您支持桌面用户,这对仅限键盘的用户也很有帮助。
另外,请确保您的标签是role =" tab",并且父母的角色为" tabgroup" 如果他们是按钮,VO会读取"关于我们,按钮,双击...",用户可能会感到困惑。 如果他们有链接,VO会读取"关于美国,链接,双击...",并且用户假定他们正在移动到新页面并等待& #34;加载新页面"声音。 如果他们是标签,VO会阅读"关于我们,标签,第5页,共6页,双击...",并且用户知道有“标签”,某个标签页存在于某处,以及它们在标签列表中的位置。