新的HTML5標準中增加 aria-* 的標籤屬性,全稱Accessible Rich Internet Application。與role標籤屬性配合使用。
role屬性表示一個非標準的tag的實際作用。比如用div做button,那么設定div 的 role=“button”,輔助工具就可以認出這實際上是個button。而aria-*的作用就是描述這個tag在可視化的情境中的具體信息。
最簡單的套用比如,
<div role="checkbox" aria-checked="checked"></div>
輔助工具就會知道,這個div實際上是個checkbox的角色,為選中狀態。
完整說明及套用請參考: