role是一個HTML5的屬性
本質上是增強語義性,增強組件的可訪問性、可用性和可交
role屬性作用是告訴Accessibility類應用(比如屏幕朗讀程序,為盲人提供的訪問網路的便利程序),這個元素所扮演的角色,主要是供殘疾人使用。使用role可以增強文本的可讀性和語義化。
在html5元素內,標籤本身就是有語義的,因此role是不必添加的,至少是不推薦的,但是bootstrap的案例內很多都是有類似的屬性和聲明的,目的是為了兼容老版本的瀏覽器(用戶代理),如果你的代碼使用了html5標籤,並且不準備支持老版本的瀏覽器,不妨不使用role標籤。
舉例:
<form role="form">
role=」form」告訴輔助設備(如屏幕閱讀器)這個元素所扮演的角色是個表單,在button中role=」button」就是告訴設備,這是個按鈕,可以點擊。