是否可以检测iPhone上的网页中是否启用了VoiceOver？

Question

我们目前正在使用touchmaplite JavaScript库在我们的移动网络应用上测试部署"滑动"地图(即,用手指在触摸屏设备上移动的地图).此地图在我们的网页中嵌入为iframe.

当我们在配备VoiceOver的iPhone上测试此设置时,我们发现VoiceOver在地图上"卡住",并且不会读取它(或者确实滚过它).这对我们来说是一个很大的绊脚石,我们不希望在我们的网站上提供可访问性支持.

是否可以将一个元素标记为被VoiceOver"忽略",或者检测是否以任何其他方式启用VoiceOver(可能是JS),然后隐藏/删除iframe？

谢谢

Answer 1

据我所知，对于 Windows，已经有一些关于如何检测是否正在使用屏幕阅读器的讨论。提到了一种可能（但不可靠）的方法，即在 Flash 中使用动作脚本来查看是否正在使用 WMicrosoft Active Accessibility 层。(http://www.paciellogroup.com/blog/?p=61)

显然，这没有多大用处，因为您的目标是语音用户，他们的设备上不会支持 Flash，但我提到它只是为了让您了解其他平台的功能 - 我对苹果不太熟悉，所以不知道有没有类似Flash的东西可以用。

在您的情况下，您可以使用隐藏文本，包括一个链接，该文本将被屏幕阅读器拾取，但视力正常的用户不会拾取，该文本将指向屏幕阅读器用户的备用页面；这个备用页面可以复制您现有的页面，只是没有嵌入地图。

或者，只提供一个隐藏链接，画外音\屏幕阅读器用户可以使用该链接跳过地图，或许可以提醒他们注意 VoiceOver“卡住”的问题。

隐藏文本可以通过使用CSS以负边距定位文本来实现，例如

.hiddenText {
position: absolute;
margin-left: -3000px;
}

以这种方式使用文本意味着视力正常的用户看不到该文本（除非他们禁用 CSS），但屏幕阅读器仍可以读出该文本。

恐怕这两种解决方案都不是您真正想要的，但可能会给您一些想法。