HTML中的【aria-*】标签

在进行Web设计时看到很多BootStrap文档中的示例代码中都使用了aria-*和role标签，但是以前并没有见过。

ARIA

ARIA是W3C的一个规范。其全称是’Accessible Rich Internet Applications’，是WAI-ARIA的一部分（它是W3C的Web无障碍推进组织(Web Accessibility Initiative / WAI)在2014年3月20日发布的可访问富互联网应用实现指南）。

WAI-ARIA是一个为残疾人士等提供无障碍访问动态、可交互Web内容的技术规范。主要针对的是视觉缺陷，失聪，行动不便的残疾人以及假装残疾的测试人员。尤其像盲人，眼睛看不到，其浏览网页则需要借助辅助设备，如屏幕阅读器，屏幕阅读机可以大声朗读或者输出盲文。

使用

在标签内使用'aria-*'属性，它描述了元素的属性和状态。

通常与其配合使用的标签是role，它的值表示一个元素的实际意义和作用。

例如：

<div class="btn-group" role="group" aria-label="first-group">
  <button type="button" class="btn btn-default">Left</button>
  <button type="button" class="btn btn-default">Middle</button>
  <button type="button" class="btn btn-default">Right</button>
</div>

参考：
1. http://www.zhangxinxu.com/wordpress/?p=2277
2. http://web.jobbole.com/85489/