主要观点:Accessible Rich Internet Applications (ARIA)是网页可访问性工作中不可避免的,新手需学习。本文旨在提供关于ARIA的思维方式、纠正误解及指导,帮助理解和使用ARIA,强调其虽重要但易被忽视,需用实际辅助技术测试。
关键信息:
- ARIA历史悠久,最新版本1.2,1.3即将发布,常被简称为ARIA而非WAI-ARIA。
- 其精神反映创建时代,当时网络较不成熟,交互模式基于Windows XP等,当代交互需用2006年技术构建,需考虑多种未知因素。
- ARIA有使用规则,如优先使用原生元素、不调整原生元素语义等,有角色、状态和属性的分类和语法。
- 可通过HTML属性方式声明ARIA,有预定义和作者提供的值,可在元素上添加多个ARIA声明,但过多会增加复杂性。
- 很多ARIA不是硬编码,应根据应用状态动态应用或修改,避免冗余声明,注意某些角色不能有可访问名称等。
- ARIA角色有特定含义,误用会导致误解,某些角色禁止有可访问名称,不能随意创建未定义的ARIA。
- ARIA会静默失败,仅向辅助技术暴露某物的存在,不自动解锁功能,调整元素角色不修改其原生功能。
- 某些交互需声明ARIA使其可访问,某些ARIA状态需特定角色,ARIA不仅用于浏览器,还涉及操作系统与辅助技术的交互等。
重要细节: - 以按钮为例说明ARIA各部分的作用,如文本字符串提供用途信息,
aria-pressed
表示状态等。 - 介绍不同辅助技术的特点和差异,如各操作系统与辅助技术的兼容性、不同辅助技术的版本差异等。
- 提及常见ARIA声明的支持情况及一些易被误用的ARIA,如
aria-label
和aria-live
。 - 强调ARIA作者实践指南(APG)的优缺点,以及macOS VoiceOver存在的问题及应对方法。
- 说明可通过CSS样式化ARIA及在写UI测试时使用ARIA的好处。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。