role的作用是描述一個非標準的tag的實際作用。比如用div做button,那么設置div 的 role=“button”,輔助工具就可以認出這實際上是個button。
而aria-*的作用就是描述這個tag在可視化的情境中的具體信息。比如,
<div role="checkbox" aria-checked="checked"></div>
輔助工具就會知道,這個div實際上是個checkbox的角色,為選中狀態。
http://blog.csdn.net/huaishitou/article/details/21597767