輔助功能樹

無障礙樹包含大多數 HTML 元素的無障礙相關資訊。

瀏覽器將標記轉換為內部表示,稱為 DOM 樹。DOM 樹包含表示所有標記的元素、屬性和文字節點的 S物件。然後,瀏覽器根據 DOM 樹建立無障礙樹,平臺特定的無障礙 API 使用該無障礙樹提供可由輔助技術(例如螢幕閱讀器)理解的表示形式。

無障礙樹物件有四個屬性:

name

我們如何稱呼這個東西?例如,一個文字為“閱讀更多”的連結,其名稱將是“閱讀更多”(關於名稱如何計算的更多資訊,請參閱可訪問名稱和描述計算規範)。

description

如果我們想在名稱之外提供更多描述,我們如何描述這個東西?表格的描述可以解釋表格包含什麼型別的資訊。

role

它是什麼型別的東西?例如,它是一個按鈕、一個導航欄,還是一個專案列表?

state

它有狀態嗎?例如,選中或未選中的複選框狀態,以及 <summary> 元素的摺疊或展開狀態。

此外,無障礙樹通常包含有關元素可以做什麼的資訊:連結可以被跟隨,文字輸入可以被鍵入等。

儘管截至 2022 年 4 月,無障礙物件模型 (AOM) 仍在 Web Incubator Community Group 中處於草案階段,但它旨在孵化 API,這些 API 可以更輕鬆地表達無障礙語義,並可能允許讀取計算出的無障礙樹。