使用aria-label为对象提供标签_20160412
说明
aria-label属性为对象提供文本标签，例如按钮。当屏幕阅读器访问到对象，aria-label就会被读出，用户就会知道对象是什么。
当aria-labelledby使用时，aria-label使用到同一对象时，aria-label会被辅助技术忽略。开发者需要注意，aria-label会覆盖掉图片的alt属性和表单元素的label for属性。
样例
样例1：区分导航路标
一个网页中有很多导航区域，可以使用aria-label来区分。
效果
样例2：使用aria-label作为路标
效果
...
样例3：为数学公式提供标签
效果
无障碍效果
各读屏、各浏览器的支持效果
测试人：wmq/沈广荣
- 争渡、IE11：
- 样例1，...有一个链接列表 ...，
样例2，...，
样例3，6 4 = 1.5
- 永德、IE11：
- 样例1，...有一个链接列表 ...，
样例2，无效果，
样例3，6 4 1.5
- NVDA、IE11：
- 样例1，第一路标导航区 ...有一个链接列表 ...、第二路标导航区 ...有一个链接列表 ...，
样例2，天气预报区域，
样例3，6/4=1.5
- 永德、chrome：
- 样例1，...有一个链接列表 ...，
样例2，无效果，样例3，6 4 1.5
- NVDA、chrome：
- 样例1，第一路标导航区 ...有一个链接列表 ...、第二路标导航区 ...有一个链接列表 ...，
样例2，天气预报区域，
样例3，6/4=1.5
- NVDA、Firefox：
- 样例1，第一路标导航区 ...有一个链接列表 ...、第二路标导航区 ...有一个链接列表 ...，
样例2，天气预报区域，
样例3，6/4=1.5
- voiceover、chrmoe：
- 样例1，第一路标导航区 ...有一个链接列表 ...、第二路标导航区 ...有一个链接列表 ...，
样例2，天气预报区域，
样例3，6/4=1.5
- voiceover、Safari：
- .样例1，第一路标导航区 ...有一个链接列表 ...、第二路标导航区 ...有一个链接列表 ...，
样例2，天气预报区域，
样例3，6/4=1.5
