如何确定屏幕阅读器读取的HTML元素的顺序？

Question

是否可以确定屏幕阅读器（如TalkBack或VoiceOver）读取的HTML元素的顺序，而不管它们在DOM中的位置如何？我想知道是否有id，像"voiceindex"这样的HTML属性（类似于tabindex）或其他控制序列的选项。相应的网页作为webview嵌入到应用程序中。因此，我无法访问原生Android或iOS代码。

Answer 1

不，没有您描述的属性或类似内容来控制网页的阅读顺序。 这样的东西存在于PDF中，这是一个很大的混乱;肯定这是一个非常糟糕的主意，使PDF可访问性非常复杂。

网页的读取顺序与DOM中显示的元素的顺序相同，无论您的CSS如何，都是如此。 与手动指定订单相比，这是一个很大的优势：它很简单，你只需要适当地使用结构元素构建你的网页;然后，为了验证屏幕阅读器用户是否有意义，只需从上到下阅读HTML代码，完全忘记视觉放置。 后来的这个练习被广泛称为线性化;这基本上是屏幕阅读器的作用以及屏幕阅读器用户如何感知网页

如果练习没有足够的收益，请想象您已将您的页面录制在音频CD上。您可以一个接一个地收听每个标题，或直接跳到曲目的开头，但不能轻易直接跳到歌曲的中间。 跳到轨道的开头是跳转到下一个标题或下一部分屏幕阅读器的隐喻。屏幕阅读器也可以从曲目列表中选择曲目，因为它们中的大多数都提供了要跳转到的部分或标题列表。

希望此图片能够帮助您更好地为屏幕阅读器用户构建页面，以及为什么要仔细考虑它。当你发布问题时，这实际上肯定是你的基本问题。