設置aria-live以讀取更新，然后重點讀取DOM元素

Question

假設您有一個詠嘆調活動區域，並且每次進行一些更改時都會讀出該區域。 但是每次進行更改時，焦點便移至特定的表單元素First Name 。

如果要在aria-live區域中更新的文本為Loading complete ，則首選閱讀順序為Loading complete First name ，即首先是aria-live區域，然后是要聚焦的元素。

但是，無論aria-live的禮貌設置如何，我似乎都無法做到這一點。

如果aria-live = assertive或aria-live = polite ，則其顯示為First name Loading complete

如果aria-live = rude ，則僅讀取Loading complete ，而忽略讀取正在關注的元素。

如何制定優先順序？

我正在使用JavaScript處理內容。

Answer 1

過去我也遇到過類似的問題。 不確定這是否是您要的內容，但是超時幫助了我。 因此，基本上，代碼如下所示：

// ...
// perform updates to your live region
// ...
setTimeout(function() {
    $('.autofocus').focus();
});

ARIA一直是我的一個謎，現在仍然如此，因此無法真正解釋為什么會奏效，但無論如何對我來說還是如此。