iOS VoiceOver滚动,内部div,3个手指向上/向下滑动

Question

我正在做一些滚动的VoiceOver实验(三指向上/向下滑动手势).

我的测试页面位于:

http://107.170.41.208/AccessibleHTML

有一个带滚动条和大量内容(红色背景)的div,然后是另一个不能滚动的内容很多的内容(黄色背景).

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

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

Answer 1

聚会有点晚了，但希望它对人们仍然有用。

使用position: absolute有时会给屏幕阅读器带来一些问题，因为 DOM 布局可能与视觉顺序不匹配。VoiceOver 有时会认为首先阅读该内容没有意义（或根本没有意义）。

<div>在这种特定情况下，您只需在“红色”上设置所需的高度overflow:scroll就可以了，并且应该可读且可滚动。

作为更一般的规则，请尝试保持视觉顺序与 DOM 顺序一致，并float谨慎地稍微更改布局。

显然有一些规则规定了这种情况如何以及为何发生，但它们与苹果的代码紧密相关，并且在不同版本之间变化很大。