主要观点:从事网页可访问性工作需解释和实现多年的 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
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。