咏叹调指南
概述
ARIA(可访问的富互联网应用程序)是一组属性,可以使残疾人更容易访问交互式web内容。它可以显式地在不同的HTML元素之间创建语义关联,并且可以向辅助技术提供信息,而不会向大多数用户公开相同的信息。它可以帮助你做这样的事情:
- 当内容状态发生变化时通知屏幕阅读器
- 告诉您新内容何时在页面上动态呈现
- 提醒您,一个链接将在弹出窗口中打开
指导方针
谨慎使用ARIA
ARIA没有做的是扩展给定HTML元素的默认功能。ARIA是在HTML5规范之前发布的,ARIA的许多早期用途,特别是角色属性,现在在扩展的语义HTML5元素集中基本上是多余的。许多刚接触ARIA的人认为,因为ARIA与可访问性有关,所以ARIA越多越好。这是不正确的。
- ARIA不是语义HTML的替代品。
- 没有ARIA总比多余的ARIA好。
例子:
如果使用<button>元素,它将自动接收键盘焦点。它会被屏幕阅读器自动显示为一个按钮。如果您在通用容器(如<div role= " button " >)上使用ARIA角色实现此功能,则需要手动添加tabindex属性,向<div>添加id属性,以便JavaScript将其作为目标,并编写JavaScript事件处理程序来侦听按键或与按钮的交互。这种增加复杂性的最终结果是,它的行为类似于开箱即用的<button>。尽可能使用本地语义HTML。
适当使用ARIA的参考资料
通过设计,NG体育网站没有很多复杂的交互元素,而这些元素可以从使用ARIA属性中受益。如果您的网站具有具有多种状态的交互元素,如图像滑块、弹出窗口、动态更新内容和手风琴,WAI-ARIA创作实践提供了一个良好实现模式的存储库。