在画外音上留下了什么dom事件?

时间:2017-02-09 00:53:43

标签: javascript ios accessibility voiceover dom-events

在iPhone或iPad上使用画外音,向左或向右轻拂(单指向左或向右滑动)可在网站上从元素移动到元素。我们想要的是,当有人到达长边导航菜单的末尾并向左轻拂以向前移动时,菜单将关闭。对于键盘导航,会发生这种情况,因为菜单中的最后一个元素有一个on-keydown,用于检查是否有人使用tab键继续前进,如果是,则调用“closeMenu”。

我们可以听取什么dom事件,以便我们知道有人使用滑动(在手机/平板电脑上)或Control-Option-Left箭头(等效的桌面版)想要从菜单中继续播放?

iPhone是否按照Ctrl-Alt-arrow的方式报告电影?它似乎没有将其报告为touchstart或mousedown或keydown。根据Dylan Barrell的这个页面(http://webcache.googleusercontent.com/search?q=cache:jyTfjSFuLbEJ:unobfuscated.blogspot.com/2013/05/event-handlers-and-screen-readers.html+&cd=4&hl=en&ct=clnk&gl=us),Ctrl-Option-Space被报告为“mousedown mouseup click”,但他没有提到画外音键组合加上左箭头或右箭头。

1 个答案:

答案 0 :(得分:1)

你应该参加onFocus和onBlur活动。至少这是我的简单测试案例所显示的内容。我有一个关注焦点的元素。当我轻弹到那个元素时,CSS选择器和CSS被应用。但是,我不确定你应该做你提出的建议。

使用VoiceOver轻弹时,您实际上是在探索DOM。您没有与该页面进行交互。它与使用JAWS和虚拟PC游标相同。您可以向上/向下箭头浏览DOM树(类似于在VO中向左/向右轻拂)但您没有与页面交互。一旦你到达你感兴趣的DOM元素,然后,你就可以与页面进行交互(双击VO或用JAWS输入/ space)。

你提议的是一个中间立场。您希望VO用户导航DOM,但当他们移过其中一个元素时,您希望将其解释为与页面交互并关闭菜单。

对于典型的VoiceOver用户来说,这可能会让人感到困惑。您必须与真正的VoiceOver用户进行一些可用性测试。