防止屏幕閱讀器聚焦“ aria-live”元素

Question

有沒有一種方法可以防止屏幕閱讀器聚焦“實時播放”元素？

我正在開發日歷，並希望在當前所選月份更改時通知用戶。

Answer 1

就像其他人所說的那樣， 鍵盤焦點不必移到aria-live區域。 對直播區域所做的任何更改都將宣布。 焦點不會移動。

但是，如果您要詢問是否可以阻止用戶將屏幕閱讀器焦點移到該元素上，則不能，您不能阻止它。 只要該元素是可訪問性樹（DOM的子集）的一部分，用戶就可以導航到該元素並聽到其內容。

“ 5.1公開WAI-ARIA語義的一般規則 ”中很好地闡明了有關DOM元素是否屬於可訪問性樹的規則 。 具體來說，在“ 5.1.2包含... ”部分中，它表示將包含具有文本的元素。 我假設您的aria-live元素包含文本，因為在您更改它時會宣布它。 如果您跳回到“ 5.1.1 Exclusion ... ”部分，則可以使用aria-hidden="true"防止該元素位於可訪問性樹中，但是如果這樣做，則實時更改將不會被讀取。

Answer 2

如果正確實施，詠嘆調活動區域將永遠不會獲得視覺焦點。

確保最初在頁面上存在活動區域​​，然后才宣布動態添加/更改的內容。 每當內容更改但焦點不會轉移到實時區域時，就會宣布頁面的實時區域。