WebAIM:新兴的 ARIA

主要观点:从事网页可访问性工作需解释和实现多年的 ARIA 角色和属性,而 ARIA 领域并非静态,近期规格包含新兴及少为人知的功能。
关键信息:

  • 测试环境:Windows 11 下的 JAWS、NVDA、Narrator 及 Chrome、Firefox、Edge;MacOS Sequoia 下的 VoiceOver 及 Safari、Chrome、Firefox;iOS 18.4 下的 VoiceOver 及 Safari;Android 15 下的 TalkBack 15.2 及 Chrome。
  • 新的显著 ARIA 属性:

    • aria-errormessage:可明确关联自定义错误消息与表单字段,仅在字段无效时播报,支持在 JAWS、NVDA 和 iOS VoiceOver 中较强,其他处有限。
    • aria-description:提供元素的编程描述,非屏幕可见内容,如面包屑导航的辅助描述,仅 NVDA 和 iOS VoiceOver 处理较好,支持有限。
    • aria-details:指向详细补充内容,类似旧longdesc属性的现代替代,部分屏幕阅读器已宣布,但无法直接访问,更多是未来能力的占位符。
    • aria-keyshortcuts:可在 DOM 中记录键盘快捷键,声明快捷键,在 Chrome 和 Edge 中支持较好,Firefox 和移动环境中较差。
    • aria-placeholder:添加到空字段的文本,屏幕阅读器读取,在主要屏幕阅读器中支持较一致。
  • 少为人知的 ARIA 角色:

    • role="mark":高亮文本;role="comment":用户生成反馈或讨论;role="suggestion":提议的内容更改,支持不一致,role="mark"较受欢迎。
    • role="code"role="time":分别模拟<code><time>语义,实用但支持有限。
    • role="image":是role="img"的同义词,用于可读性或设计一致性。
  • 现状:这些功能处于“基础设施阶段”,定义清晰但支持不均,无障碍专业人员应开始关注,测试多种环境,有价值时部署。
  • 示例页面:webaim.org/presentations/2025/examples/up-and-coming-aria
阅读 11
0 条评论