bootstrap中的aria-*的用途

发布于 2021-11-27 20:39:39 字数 57 浏览 635 评论 3

看到bootstrap中很多会附带一个aria-*的类,请教各位,这个aria-*集合的主要是做什么用的呢,谢谢.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

风苍溪 2021-11-29 23:23:12

引用来自“瑞新”的评论

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.

主要是支持一些读屏设备。比如盲人

静谧 2021-11-29 03:51:42

谢谢,那些辅助设备是指什么硬件呢?

瀞厅☆埖开 2021-11-28 17:30:33

网站实现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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文