                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

role="alert"的属性是做什么用的

role="alert" 这个作用是什么呀

南千玺

2016-07-26

源自：玩转Bootstrap（基础） 7-4

关注问题我要回答

6368

操作

收起

3 回答

april46 回答被采纳 +3 积分
2016-07-26

role原来是WAI-ARIA（the Accessible Rich Internet Applications Suite），
可帮助访问Web内容和Web应用有困难的用户进行访问的方法（比如用静态的(screen-reading technologies)浏览器浏览用Ajax技术制作的动态网页），用途是帮助残疾人，尤其是需要依靠屏幕阅读器和不能使用鼠标的用户。应用role属性可以设计出更加友好的网站应用。
html5里面添加这个属性作为做辅助作用。（来自知乎）

4 回复有任何疑惑可以回复我~

收起回答

南千玺提问者

好的谢谢原来是这样

2016-07-26 回复有任何疑惑可以回复我~

april46 回复南千玺提问者

我也是从别人那学来的，知识就是从别人那学以致用的，一起共勉加油

2016-07-26 回复有任何疑惑可以回复我~

南千玺提问者回复 april46

嗯一起加油

2016-07-26 回复有任何疑惑可以回复我~

南千玺提问者
2016-07-26

对于残障人员浏览网页有点困难，所以我们可以将结构做得更好些（语义化更友好些）：

<div class="progress">
<div class="progress-bar" style="width:40%;" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">40% Complete</span>
</div>
</div>

1、role属性作用：告诉搜索引擎这个div的作用是进度条。

2、aria-valuenow="40"属性作用：当前进度条的进度为40%。

3、aria-valuemin="0"属性作用：进度条的最小值为0%。

4、aria-valuemax="100"属性作用：进度条的最大值为100%。

0 回复有任何疑惑可以回复我~

收起回答