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
角色。這個新角色能區分 gridcell
和
cell
因為gridcell
與 cell
不同,是可聚焦、編輯和可選取的項目。
我們新增了備用角色計算方法。我們之前不會檢查備用廣告 因此如果第一個角色無效,我們就會使用其他角色 詳細內容 規格。
某些角色僅在適當情境下才有效,因此我們加入了檢查機制 防止角色使用不當,如下所示:
row
角色應在table
、grid
、rowgroup
或treegrid
中。rowgroup
角色應在table
、grid
、tree
或treegrid
中。listitem
角色應位於list
中。
如果該角色無效,Chrome 現在會使用其他資訊,例如 HTML 元素) 計算替代角色。
我們已將 thead
和 tfooter
標示為已包含在無障礙樹狀結構中。
先前標示為忽略,但仍包含在樹狀結構中。現在
表格標頭和表格頁尾可由輔助技術剖析。
儘管使用所有瀏覽器,大多數開發人員可能看不到這些變更 並確保這些機制以相同方式運作 員工無論身在何處 都能以相同的方式看到這個角色