可访问性咏叹调 - 现场阅读顺序在ios上的变化

Question

我正在尝试为动态页面添加辅助功能，我有一个div来取代所有内容，并将其标记为aria-live的礼貌。

<div id="replace-content" aria-live="polite" aria-relevant="additions"></div>

当内容被替换时，所有内容都会按预期读取，但是当我替换内容时

<p id="p1"> A Title </p>
<p id="p2"> Some text </p>
<table id="table">
a Table with multiple rows and 2 columns
</table>
<p id="p3">  More Text </p>

ios VoiceOver以p1，p2，p3，p1，p2，table，p3的表格顺序读取。

这只发生在ios VoiceOver上，使用Chrome的ChromeVox按预期工作。

有谁知道如何更改ios中的阅读顺序？

Answer 1

我对解决方法不满意，但您可以在将子项添加到DOM时将aria-live应用于每个子元素，iOS VoiceOver将以正确的顺序读取它。但是，这导致MacOS VoiceOver根本不读取内容。 HMM。