标签中 role=“”，role代表的是什么意思

Question

<div class="alert alert-success" role="alert">恭喜您操作成功！</div>

Answer 1

你好：

html 里面的 role 本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性。

role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 role=“button”，辅助工具就可以认出这实际上是个button

比如，

<div role="checkbox" aria-checked="checked"></div>
辅助工具就会知道，这个div实际上是个checkbox的角色，为选中状态。

望采纳！

Answer 2

这个是给盲人用的屏幕阅读器识别用的。

Answer 3

role是增强语义，表如说这里就是表明这是一个弹窗。