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

Question

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

Answer 1

不，没有属性或类似您描述的内容来控制网页的阅读顺序。 PDF中存在类似的东西，这很麻烦。 当然，这是一个非常糟糕的主意，使PDF的可访问性变得相当复杂。

网页的读取顺序与DOM中元素的显示顺序相同，无论您使用的CSS是什么，总是如此。 与必须手动指定订单相比，这是一个很大的优势：很简单，您只需要使用适当的结构元素来构造网页即可； 然后，要验证它对屏幕阅读器用户是否有意义，只需从上至下阅读您的HTML代码，然后完全忽略视觉位置即可。 此后的练习被广泛称为线性化。 这基本上就是屏幕阅读器的功能以及屏幕阅读器用户如何感知网页

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

希望该图像可以帮助您为屏幕阅读器用户更好地组织页面，以及您为什么要仔细考虑它。 实际上，当您发布问题时，这无疑是您的基本问题。