ARIA: aria-atomic 屬性

描述

即時區域是網頁中在使用者焦點未在該區域時也會更新的部分，無論是使用者互動還是其他原因。由於它們在使用者焦點之外更新，螢幕閱讀器等輔助技術可能無法“看到”更新並將其報告給使用者。WAI-ARIA 提供了 4 個屬性，允許開發者標識這些即時區域並告知輔助技術如何處理它們，包括 aria-live、aria-relevant、aria-busy 和 aria-atomic。

當即時區域的內容發生變化時，DOM 會從已更改的元素開始，透過其祖先元素進行遍歷，以查詢第一個 aria-atomic 設定的元素。這將決定應呈現給使用者的內容。

如果沒有祖先元素顯式設定 aria-atomic，則只讀取即時區域內容中已更新的節點。省略 aria-atomic 和顯式將 ARIA 即時區域的祖先節點設定為 aria-atomic="false" 的區別在於，顯式設定 aria-atomic="false" 會阻止螢幕閱讀器繼續向上查詢祖先鏈。兩者都會導致只讀取已更新的節點。當設定為 aria-atomic="true" 時，整個變更區域將作為一個整體呈現，包括已更新節點的 label（如果存在）。