我正在用滚动(三指向上/向下滑动手势)做一些 VoiceOver 实验。
我的测试页面在:
http://107.170.41.208/AccessibleHTML
有一个带有滚动条和很多内容(红色背景)的 div，然后是另一个不可滚动的带有很多内容(黄色背景)的 div。
我可以使用鼠标滚动红色背景内容，但使用 VoiceOver 会跳过该部分。
如何使用 VoiceOver 滚动浏览红色部分的内容？
最佳答案
聚会有点晚了，但希望它对人们仍然有用。
使用 position: absolute有时会导致屏幕阅读器出现一些问题，因为 DOM 布局可能与视觉顺序不匹配。 VoiceOver 有时会做出先阅读(或根本不阅读)没有意义的决定。
在那种特定情况下，您可以在“红色”<div> 上设置所需的高度。与 overflow:scroll它会很好，应该是可读和可滚动的。
作为更一般的规则，尝试使用 float 保持视觉顺序与 DOM 顺序一致略微更改布局。
显然有某处规则规定了这种情况如何发生以及为何发生，但它们与 Apple 的代码密切相关，并且在不同版本之间变化很大。
关于javascript - iOS VoiceOver 滚动、内部 div、3 指向上/向下滑动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24764569/