富 Web 应用打破了一项不成文的约定。用 div 和 JavaScript 做成的按钮可能看起来没问题,但辅助技术无法知道它是什么,也无法知道它是否发生了变化。

最直接的办法是等待新的原生 HTML 控件。WAI-ARIA 则另辟蹊径,创建了一个覆盖层:由作者声明角色、状态和属性,用户代理再将其映射到桌面软件早已使用的无障碍 API。

W3C 于 2014 年 3 月 20 日将 WAI-ARIA 1.0 发布为正式推荐标准,并明确将其定位为一项让动态、交互式 Web 内容具备可访问性的规范。

其精妙之处在于兼容性。ARIA 让团队能够修复现有小部件并构建新的小部件,而无需放弃 HTML;同时,后来的 HTML 和 SVG 工作也能够吸收同一套语义词汇。

修补语义,而非小部件

它从开发者已有的处境出发:自定义控件已经存在,需要一条修复路径。

它为浏览器和辅助工具提供了一个共享的映射目标,而不是让每个网站各自打补丁。

它将视觉行为与无障碍语义分离,使设计系统能够保持灵活。

当一个平台已经无处不在时,胜出的无障碍层可能是旧内容能够采纳的最小语义覆盖层。

ARIA 成为日常 Web 无障碍工具包的一部分,也是复杂设计系统的一项依赖。它并未消除对原生语义 HTML 的需求,但为动态界面提供了一座通往屏幕阅读器和其他辅助技术的标准桥梁。

从这里,追溯依据

参考来源

  1. Accessible Rich Internet Applications (WAI-ARIA) 1.0 is a W3C Recommendation W3C · w3.org ·
  2. WAI-ARIA Expands Web Accessibility W3C · w3.org ·