HTML標籤的role作用

看到別人代碼中出現role屬性,記錄一下:

<li role="tab" class=tabs-tab>tab1</li>

role 是增強語義性,當現有的HTML標籤不能充分表達語義性的時候,就可以藉助role來說明。

通常這種情況出現在一些自定義的組件上,這樣可增強組件的可訪問性、可用性和可交互性。

role的作用是描述一個非標準的tag的實際作用。比如用div做button,那麼設置div 的 role=“button”,輔助工具就可以認出這實際上是個button

<li role="presentation" class="active"><a href="#">Home</a></li>

 <div role="button"></div>
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章