为img元素使用alt属性提供替代文本_20160406
说明
使用alt属性，在alt属性中指定一个简短替代文本。这个属性的值被称为alt 文本。当图片包含对理解上下文重要文本的时候，alt应该包含这些文本。
alt文本应该与图片的作用相同。注意：alt文本没有必要描述图片的视觉特征但是必须传达与图片相同的信息。
样例
样例1:
网站上有一个链接到免费电子报的图片链接。该图像包含食谱、新闻、更多的文本，alt文本应该与文本匹配。
效果
样例2:
网上有一个房屋的建筑平面图，该图像的每间客房是可以点击的交互图像块。该图像的alt应为“建筑的平面图，选择一个房间获得更多内容”。
无障碍效果
各读屏、各浏览器的支持效果
测试人：雪怪、河马
- 争渡、IE11：
- 无论用字母导航还是用光标访问均朗读为“免费电子报：食谱、新闻、更多 图形 不可用”；
- 永德、IE11：
- 用光标访问朗读为“免费电子报：食谱、新闻、更多 图形”，用元素访问朗读为“免费电子报：食谱、新闻、更多 newsletter.gif”；
- NVDA、IE11：
- 用元素浏览方式朗读为“免费电子报：食谱、新闻、更多 图形”，用光标访问朗读为“图形 免费电子报：食谱、新闻、更多”；
- 永德、chrome：
- 按元素浏览朗读为“免费电子报：食谱、新闻、更多”，用光标访问朗读为“免费电子报：食谱、新闻、更多 免费电子报：食谱、新闻、更多 图形”；
- NVDA、chrome：
- 用元素浏览方式朗读为“免费电子报：食谱、新闻、更多 图形”，用光标访问朗读为“图形 免费电子报：食谱、新闻、更多”；
- NVDA、Firefox：
- 用元素访问，无法定位到元素，可能在后续版本修复。用光标访问朗读为“免费电子报：食谱、新闻、更多”；
- voiceover、chrmoe：
- 例（1）：朗读为：免费电子报：食谱、新闻、更多，图像;
- voiceover、Safari：
- 例（1）：朗读为：免费电子报：食谱、新闻、更多，图像;
