html - ios 上的可访问性 aria-live 阅读顺序更改

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、table 的顺序读取，而不是 p1、p2、table、p3。

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

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

Answer 1

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