                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /玩轉(zhuǎn)Bootstrap（基礎(chǔ)）

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

role="alert" 這個(gè)作用是什么呀

南千璽

2016-07-26

源自：玩轉(zhuǎn)Bootstrap（基礎(chǔ)） 7-4

關(guān)注問題我要回答

6595

操作

收起

3 回答

april46 回答被采納 +3 積分
2016-07-26

role原來是WAI-ARIA（the Accessible Rich Internet Applications Suite），
可幫助訪問Web內(nèi)容和Web應(yīng)用有困難的用戶進(jìn)行訪問的方法（比如用靜態(tài)的(screen-reading technologies)瀏覽器瀏覽用Ajax技術(shù)制作的動(dòng)態(tài)網(wǎng)頁），用途是幫助殘疾人，尤其是需要依靠屏幕閱讀器和不能使用鼠標(biāo)的用戶。應(yīng)用role屬性可以設(shè)計(jì)出更加友好的網(wǎng)站應(yīng)用。
html5里面添加這個(gè)屬性作為做輔助作用。（來自知乎）

4 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

南千璽提問者

好的謝謝原來是這樣

2016-07-26 回復(fù) 有任何疑惑可以回復(fù)我~

#2

april46 回復(fù) 南千璽提問者

我也是從別人那學(xué)來的，知識就是從別人那學(xué)以致用的，一起共勉加油

2016-07-26 回復(fù) 有任何疑惑可以回復(fù)我~

#3

南千璽提問者回復(fù) april46

嗯一起加油

2016-07-26 回復(fù) 有任何疑惑可以回復(fù)我~

南千璽提問者
2016-07-26

對于殘障人員瀏覽網(wǎng)頁有點(diǎn)困難，所以我們可以將結(jié)構(gòu)做得更好些（語義化更友好些）：

<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屬性作用：告訴搜索引擎這個(gè)div的作用是進(jìn)度條。

2、aria-valuenow="40"屬性作用：當(dāng)前進(jìn)度條的進(jìn)度為40%。

3、aria-valuemin="0"屬性作用：進(jìn)度條的最小值為0%。

4、aria-valuemax="100"屬性作用：進(jìn)度條的最大值為100%。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答