NVDA 屏幕閱讀器無法讀取動態內容

Question

我正在努力使視障人士可以通過屏幕閱讀器訪問動態 Web 應用程序，但遇到了一個煩人的問題。當我使用 NVDA Reader 進行測試時。 它無法讀取動態添加的內容。

代碼如下：

<div id="section" aria-live="polite" role="alert">
    <div id="floatDiv">
        Some Data here
    </div>
    <div id="choices">
        Some data here
    </div>
</div>

我將動態更改截面數據。 但是 NVDA Reader 無法讀取新添加的內容。 有沒有人見過這種行為？

Answer 1

我在代碼中添加了 aria-busy="true" 並在向其添加任何數據時將該屬性更改為 false，在添加數據后，更改為 aria-busy = 'true'

<div id="section" aria-live="polite" aria-busy="true" role="alert">
    <div id="floatDiv">
        Some Data here
    </div>
    <div id="choices">
        Some data here
    </div>
</div>