当我开始接触 ARIA 时,我希望有人告诉我的事情——Smashing Magazine

主要观点: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-labelaria-live
  • 强调ARIA作者实践指南(APG)的优缺点,以及macOS VoiceOver存在的问题及应对方法。
  • 说明可通过CSS样式化ARIA及在写UI测试时使用ARIA的好处。
阅读 12
0 条评论