元素:ariaRelevant 屬性
非標準:此特性未標準化。我們不建議在生產環境中使用非標準特性,因為它們瀏覽器支援有限,並且可能會更改或被移除。但是,在沒有標準選項的特定情況下,它們可以是合適的替代方案。
Element 介面的 ariaRelevant 屬性反映了 aria-relevant 屬性的值,該屬性指示當 live region 內的可訪問性樹被修改時,使用者代理將觸發哪些通知。這用於描述 aria-live region 中哪些更改是相關的,應該被播報。
值
一個字串,包含以下一個或多個值,以空格分隔
"additions"-
live region 內的元素節點的新增應被視為相關。
"removals"-
從 live region 中刪除節點應被視為相關。
"text"-
現有節點文字內容的更改應被視為相關。
"all"-
等同於
"additions removals text"。
示例
在此示例中,ID 為 text 的元素的 aria-relevant 屬性設定為 "all"。使用 ariaRelevant,我們將該值更新為 "text"。
html
<div
id="clock"
role="timer"
aria-live="polite"
aria-atomic="true"
aria-relevant="all"></div>
js
let el = document.getElementById("clock");
console.log(el.ariaRelevant); // all
el.ariaRelevant = "text";
console.log(el.ariaRelevant); // text
瀏覽器相容性
載入中…