No ARIA is better than bad ARIA
5 months ago
- #Accessibility
- #Web Development
- #ARIA
- ARIA角色、状态和属性对辅助技术而言如同CSS，控制着屏幕阅读器用户的非视觉体验。
- 错误的ARIA用法会扭曲视觉呈现效果，进而对非视觉体验产生负面影响。
- 原则一：ARIA角色是必须兑现的承诺，需配套键盘交互行为；未实现的角色会误导用户。
- 原则二：ARIA能覆盖或增强无障碍语义，虽赋予强大能力，误用则暗藏风险。
- ARIA既可遮蔽原始语义（如将链接转为菜单项），也能增强语义（如为按钮添加按压状态）。
- 滥用ARIA会覆盖关键的无障碍语义，例如将表格转为日志视图，或将列表转为导航控件。
- 由于各平台支持度差异，必须通过浏览器和辅助技术测试ARIA实现效果。
- 本指南示例基于最新版Chrome/Firefox/Safari优化，未支持的案例将作为已知缺陷标注。
- ARIA在移动触控设备的支持尚不统一，未来版本将针对此短板进行更新。