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