屏幕閱讀器和HTML文檔重點

Question

我是HTML的整個ARIA和可訪問性方面的新手。 我有一個應用程序，其中大部分內容均可與屏幕閱讀器一起正常使用。 但是，當我單擊任何控件時（即將焦點放在文檔上），NVDA始終讀取“ 頁面標題文檔”。 我一直試圖阻止它這樣做一段時間，但未成功。

我想到的最好的辦法是將tabindex=0添加到最上面的DIV以便它將焦點集中在單擊而不是文檔上，但是即使這樣NVDA也會在焦點對准時讀取“節”一詞。 有沒有辦法抑制這種情況？

我也嘗試過刪除標題，並在短時間內將其添加回去，然后讀者說“ document”一詞很好，但是取決於JS活動超時，有時會閃爍空標題，因為執行的不一致。 而且requestAnimationFrame太短，讀者沒有時間選擇空標題，反正也可以讀取它。

Answer 1

當您單擊文檔主體時，它將變為聚焦狀態，並且先前聚焦的控件將模糊。 屏幕閱讀器將通過閱讀新聚焦的窗口小部件的可訪問名稱（即文檔標題）來反映此更改。 這是完全正常的行為，完全是預期的行為，無需更改。

您需要牢記，作為有遠見的開發人員，您的期望與任何用戶都不相同，而視障用戶則要少得多。 盲人會感到很自然，而且對您期望很高。

嘗試在自己的位置呆一會兒。 戴上睡眠面膜，然后嘗試僅依靠鍵盤和屏幕閱讀器使用您的應用程序。 我經常這樣做，這是非常令人啟發的經歷。