编程|Web前端：创建符合Web可访问性标准的HTML布局( 二 ) unix

为图像添加替代文本
屏幕阅读器几乎可以访问页面上的所有内容——图形信息除外。所以不要忘记为图像和其他图形添加替代文本(<img> alt 属性) 。这不仅可以帮助使用辅助技术“阅读”屏幕的人，还可以帮助互联网连接不佳的用户。你的网站也将使用图像替代文本进行 SEO 优化。在Web前端培训中，不仅有理论知识的课程，也会有实操项目的训练，让你深入浅出地学习前端技术，弥补项目经验的空缺。
图像替代文本应该精确、简洁，并反映添加图像的主要目的。根据上下文，相同的图像可能有不同的替代文本，例如如果将公司徽标放在标题中并将用户返回到主页，则其准确的替代文本可能是`<img alt=\"Company X logo - Home page.\">`
l 在替代文本中，避免使用多余的“图像”或“图像”——无论哪种方式，辅助技术都会警告用户有图像。
l 以句点结束替代文本。这将使屏幕阅读器在 alt 文本中的最后一个单词之后暂停一点，从而为用户提供更愉快的体验。
【编程|Web前端：创建符合Web可访问性标准的HTML布局】l 具有多个可点击区域的图像(例如图像地图)的替代文本应提供这些链接的完整描述。此外，每个可点击区域都应该有相应的替代文本来描述其目的或目的地。
l 避免使用文字图片;如果你不能没有它们，替代文本应该包含与图像中相同的单词。
l 如果你有多个图像传达一条信息，则组中第一张图像的替代文本应包含整个组的信息。
l 要熟悉替代文本的普遍接受标准，你可以随时查看此替代文本决策树。
虽然必须为所有对理解内容很重要的图像添加替代文本，但对于与内容没有直接关系的菜单图标或装饰性图像(如封面)则无需这样做。对于这样的图像，只需使用一个空的 <img alt> 属性。
最后技巧
尽管这些提示肯定会增加你网站的包容性，但最好不要将 Web可访问性视为一套正式的指南。首先，它是一项全面的策略，可以关心所有用户并使你的网站内容可供他们使用——无论他们使用何种浏览器、互联网提供商或辅助设备。