可訪問性詠嘆調 - 現場閱讀順序在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根本不讀取內容。 嗯。