解決方案
豐富的網頁應用程式打破了原本默默存在的約定。用 div 和 JavaScript 做出的按鈕,外觀可能正確,但輔助技術無法得知它是什麼,也無法得知它是否已改變。
最直接的解法是等待新的原生 HTML 控制項。WAI-ARIA 則改為建立一層覆蓋層:由作者宣告角色、狀態與屬性,使用者代理再將它們對應到桌面軟體早已使用的無障礙 API。
W3C 於 2014 年 3 月 20 日將 WAI-ARIA 1.0 發布為建議書(Recommendation),並明確將其定位為讓動態、互動式網頁內容可供無障礙使用的規格。
其巧妙之處在於相容性。ARIA 讓團隊能修補既有小工具、建立新的小工具,而不必捨棄 HTML;同時,後續的 HTML 與 SVG 工作也能吸收同一套語意詞彙。
達成了什麼
修補語意,而非修補小工具
為何奏效
它配合開發者既有的處境:自訂控制項早已存在,且需要一條修補途徑。
它為瀏覽器與輔助工具提供共同的對應目標,而非各網站自行以權宜手法處理。
它將視覺行為與無障礙語意分離,使設計系統得以保持彈性。
可借鏡之處
當某個平台已無所不在時,勝出的無障礙層或許就是既有內容能夠採用的最小語意覆蓋層。
後續發展
ARIA 成為日常網頁無障礙工具組的一部分,也是複雜設計系統的依賴項目。它並未消除對原生語意 HTML 的需求,但為動態介面提供了一座通往螢幕閱讀器及其他輔助技術的標準橋樑。
追溯依據
參考來源
- Accessible Rich Internet Applications (WAI-ARIA) 1.0 is a W3C Recommendation W3C · w3.org ·
- WAI-ARIA Expands Web Accessibility W3C · w3.org ·