启用iPad VoiceOver后,是什么导致safari网页转到空白的灰色屏幕?

时间:2014-08-08 18:49:20

标签: javascript html css ipad voiceover

我在一个非常简单的网页上进行了一些事后可访问性测试。它使用Php,基本的javascript和css。

当VoiceOver打开时,此网页会闪烁一秒钟,然后完全空白。一个坚实的灰色页面。

屏幕幕布显然不是问题。这仅在Safari中发生,并且仅在此网页上发生。我的标记,样式或javascript一定有问题。我' VE一派疯狂无济于事

我已经开始逐行拆分,是否有人遇到过这个问题?

1 个答案:

答案 0 :(得分:0)

我发现问题/解决方案,虽然很奇怪。

一行css打破了整个页面。为了便于访问,我有一个礼物,我不想在页面上实际显示。我将它设置为position:absolute和top:-999em。

显然,这会打开启用了iPad VoiceOver的网页:

top: -999em;

然而,这很好(而且我通常做的事情):

left: -999em;