图像元素没有 [alt] 属性

信息元素适合简短的描述性替代文本。对于空 alt 属性，可以忽略装饰元素。

Lighthouse 图像替代文本审核为何失败 #

Lighthouse 标记没有 alt 属性的 <img> 元素：

如何为图像添加替代文本 #

为每个 <img> 元素提供一个 alt 属性。如果图像加载失败，则会将 alt 文本作为占位符，这样，用户才能知道图像想要表达什么。（另请参阅包括图像和对象的替代文本。）

大多数图像都应有简短的描述性文本：

<img alt="Audits set-up in Chrome DevTools" src="...">

如果图像用作装饰，并且没有提供任何有用的内容，您可以给它一个空的 alt="" 属性，以便将其从可访问性树中删除：

<img src="background.png" alt="">

编写有效 alt 文本的提示 #

• alt 文本要体现图像的意图、目的和含义。
• 盲人用户要从替代文本获得的信息要与视力正常的用户从图像获得的信息多少相同。
• 避免使用“图表”、“图像”或“图形”等非特定词。

要了解更多信息，请参阅 WebAIM 的替代文本指南。

资源 #

• 没有 [alt] 属性的图像元素审核的源代码
• 图像必须有替代文本 (Deque University)