1、用於表示一個普通的標簽，使之語義化，方便瀏覽器對其具體功能進行識別。比如：
<div role="button"></div>，也即是將div元素轉換為button按鈕功能進行使用；
<div role="navigation"></div>，把div元素轉換為navigation導航功能使用；
<div role="checkbox" aria-checked="checked"></div>，把div元素轉換為checkbox復選框功能使用；
<a role="button" class="btn btn-default" href="#" >鏈接</a>，把a鏈接元素轉換為button按鈕功能使用。
2、<button role="button"></button>這種情況之下，role就可以省略，因為在此處是沒有意義的，本身<button>就已經是button按鈕。