bootstrap中的aria-*的用途
看到bootstrap中很多会附带一个aria-*的类,请教各位,这个aria-*集合的主要是做什么用的呢,谢谢.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
看到bootstrap中很多会附带一个aria-*的类,请教各位,这个aria-*集合的主要是做什么用的呢,谢谢.
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(3)
引用来自“瑞新”的评论
aria-* 是HTML5 新加的属性。
而aria-*的作用就是描述这个tag在可视化的情境中的具体信息。比如,
<div role="checkbox" aria-checked="checked"></div>
辅助工具就会知道,这个div实际上是个checkbox的角色,为选中状态。
Add ARIA for screen readers
ARIA attributes provides semantic information to screen readers that is normally conveyed visually.
Note that using ARIA does not automatically implement the standard widget behavior, you'll still need to add focus management and keyboard navigation yourself.
主要是支持一些读屏设备。比如盲人
谢谢,那些辅助设备是指什么硬件呢?
网站实现Accessibility Standard需要附加的属性。由支持的浏览器解释,Screen Reader之类的软件会用到
ARIA的Role Model: http://www.w3.org/TR/wai-aria/roles#option
ARIA具体属性的用途可以参考: http://www.w3.org/TR/wai-aria/states_and_properties#valuetype_idref_list
aria是一种比较新的辅助访问技术,用来弥补html和js本身对可访问性方面的不足。
具体参考可看w3c的资料,前面给出了网址
支持aria并不是必须或者强制的,但是支持aria会让你的应用变得更友好,更健壮
声明:非原创答案,来自sf