2024 年互通性機制:Chrome 全面停用無障礙功能的重點領域

Jocelyn Tran
Jocelyn Tran

Chrome 去年通過了 88.2% 的無障礙重點領域測試 Interop 2024。2024 年 6 月,我們首次 達到 100% 的通過測試這篇文章將說明您達到 。

與 2024 年 Interop 的每個焦點區域一樣,無障礙區域是由 一系列的網頁平台測試。2024 年協同整合測試目標 確保所有瀏覽器都以相同的方式建立可存取的名稱和運算角色 。

容易存取的名稱可以傳達 HTML 元素的用途或意圖。這有助於 使用者能瞭解這個元素的用途,以及與元素互動的方式。 accname 規格會定義瀏覽器 為元素建立這個無障礙的名稱字串ARIA 規格 也會逐步說明 計算費用

元素的計算角色是一組字串,代表 元素。主要用於開發人員 以在 WebDriver 函式 getComputedRole 中 互通性測試

Chrome 團隊需要做些什麼?

我們需要完成兩大工作,也就是改變地圖繪製過程 從一般角色到一般角色,以及移除已淘汰的角色。除此之外 還有一些更小的修正和實作功能除了下列資源外 Chrome 團隊完成的工作,我們也與 Microsoft 合作 修復了 Chromium 的無障礙焦點區域。

將特定角色的對應變更為一般角色

將對應變更為一般角色後,系統會移除現有角色的無障礙語意 元素。一般元素無法為無障礙樹狀結構提供值,因此 未包含在樹狀結構中。這有助於提高效能 且更容易剖析下列角色 變更為一般角色

  • <header>範圍限定為 <main> 或分割內容元素 (<article><aside><nav><section>)。
  • <footer>範圍限定為 <main> 或 分割內容元素 (<article><aside><nav><section>)。
  • 分割內容元素中的 <aside> (<article><aside><nav>、 或 <section>) 不包含無障礙名稱。
  • 沒有無障礙名稱的 <section>
  • 孤立的清單項目 (<li>)。

前四個條目中,這些元素通常會對應至 地標角色。 網頁上有兩個位置會降低瀏覽難度,所以使用者可能不容易瀏覽 變更有助於減少多餘的地標,讓網頁更易於瀏覽。 最終項目通常表示網頁開發人員錯誤,也就是清單項目 應該位於清單內,所以孤立項目會獲得通用 角色。

移除已淘汰的角色

我們已淘汰 directory 角色,並對應至清單角色。ARIA 1.2 淘汰 directory 角色。規格說明等同於 list 角色,且 開發人員應使用 list。為了維護舊版 Pod 的語意 使用 directory 的內容,現在已在 Chrome 中對應至 list

其他修正方式

我們開始支援 gridcell 角色。這個新角色能區分 gridcellcell 因為gridcellcell 不同,是可聚焦、編輯和可選取的項目。

我們新增了備用角色計算方法。我們之前不會檢查備用廣告 因此如果第一個角色無效,我們就會使用其他角色 詳細內容 規格

某些角色僅在適當情境下才有效,因此我們加入了檢查機制 防止角色使用不當,如下所示:

  • row 角色應在 tablegridrowgrouptreegrid 中。
  • rowgroup 角色應在 tablegridtreetreegrid 中。
  • listitem 角色應位於 list 中。

如果該角色無效,Chrome 現在會使用其他資訊,例如 HTML 元素) 計算替代角色。

我們已將 theadtfooter 標示為已包含在無障礙樹狀結構中。 先前標示為忽略,但仍包含在樹狀結構中。現在 表格標頭和表格頁尾可由輔助技術剖析。


儘管使用所有瀏覽器,大多數開發人員可能看不到這些變更 並確保這些機制以相同方式運作 員工無論身在何處 都能以相同的方式看到這個角色