javascript - 启用 iPad VoiceOver 后，是什么导致 Safari 网页进入空白、灰色屏幕？

Question

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

当 VoiceOver 打开时，该网页会闪烁一秒钟，然后完全空白。纯灰色页面。

显然不是屏风的问题。这只发生在 Safari 中，而且只发生在这个网页上。我的标记、样式或 javascript 一定有问题。我疯狂地用谷歌搜索无济于事。

我已经开始逐行拆解了，有没有人遇到过这个？

Answer 1

我找到了问题/解决方案，尽管它很奇怪。

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

显然这会破坏启用了 iPad VoiceOver 的网页:

top: -999em;

但是，这很好(而且我通常会这样做):

left: -999em;