Question

我正在做一些滚动的VoiceOver实验（三指向上/向下滑动手势）。

我的测试页位于：

http://107.170.41.208/AccessibleHTML

有一个带有滚动条和大量内容（红色背景）的div，之后是另一个不能滚动且内容很多的div（黄色背景）。

使用鼠标我可以滚动浏览红色背景内容，但使用VoiceOver会跳过该部分。

如何使用VoiceOver滚动红色部分内容？

Answer 1

派对有点迟，但希望它对人们仍然有用。

使用position: absolute有时可能会导致屏幕阅读器出现问题，因为DOM布局可能与视觉顺序不匹配。 VoiceOver有时可以决定首先（或根本）读取它是没有意义的。

在特定情况下，你可以在＆＃34; red＆＃34;上设置所需的高度。 <div> overflow:scroll float，它会很好，应该是可读和可滚动的。

作为更一般的规则，尝试并保持视觉顺序与DOM顺序一致，谨慎使用{{1}}稍微更改布局。

显然有一些规则决定了这种情况发生的原因和原因，但它们与Apple的代码捆绑在一起，并且在发布之间变化很大。