課程
/前端開發
/Bootstrap
/玩轉Bootstrap（基礎）
role="alert" 這個作用是什么呀
2016-07-26
源自：玩轉Bootstrap（基礎） 7-4
正在回答
role原來是WAI-ARIA（the Accessible Rich Internet Applications Suite），可幫助訪問Web內容和Web應用有困難的用戶進行訪問的方法（比如用靜態的(screen-reading technologies)瀏覽器瀏覽用Ajax技術制作的動態網頁）， 用途是幫助殘疾人，尤其是需要依靠屏幕閱讀器和不能使用鼠標的用戶。應用role屬性可以設計出更加友好的網站應用。html5里面添加這個屬性作為做輔助作用。（來自知乎）
南千璽 提問者
april46 回復 南千璽 提問者
南千璽 提問者 回復 april46
對于殘障人員瀏覽網頁有點困難，所以我們可以將結構做得更好些（語義化更友好些）：
<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%。
可以在標簽內刪除，不影響最終樣式的結果，只是作為幫助殘障人士方便閱讀
舉報
告訴你使用Bootstrap，并且能夠獨立定制出適合自己的Bootstrap
1 回答role屬性的用法
2 回答role屬性
1 回答為什么要設置<form>的role屬性
4 回答這個form 中的role 屬性 是想表達 什么意思？
2 回答form 的role 以及label的for 這些是h5的屬性 還是bootstrap的？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-26
role原來是WAI-ARIA（the Accessible Rich Internet Applications Suite），
可幫助訪問Web內容和Web應用有困難的用戶進行訪問的方法（比如用靜態的(screen-reading technologies)瀏覽器瀏覽用Ajax技術制作的動態網頁）， 用途是幫助殘疾人，尤其是需要依靠屏幕閱讀器和不能使用鼠標的用戶。應用role屬性可以設計出更加友好的網站應用。
html5里面添加這個屬性作為做輔助作用。（來自知乎）
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%。
2016-07-26
可以在標簽內刪除，不影響最終樣式的結果，只是作為幫助殘障人士方便閱讀