问图像必须有替代文本:元素没有title属性

EN

这与屏幕阅读器有关。屏幕阅读器无法将图像转换为可供用户阅读的文字，即使图像只包含文本也是如此。因此，图像必须具有简短的描述性alt文本，这样屏幕阅读器用户才能清楚地了解图像的内容和用途。

有3种方法可以为图像提供替代文本：

使用alt属性的

，例如使用aria的<img alt="drawing of a cat" src="...">，使用aria-labelledby属性的<img aria-label="drawing of a cat" src="...">，即<img arialabelledby="someID" src="..."

对img标签使用替代文本，如下所示：<img src="./img/twitter.png" alt="tweetImg">。

重要的是，如果连接速度很慢，备用txt将可见，或者由于某些错误，您的图像不会显示。

HTMLImageElement属性alt提供未加载元素指定的图像时要显示的备用(备用)文本。这可能是因为错误，因为用户禁用了图像加载，或者因为图像尚未完成加载。

See this to read more about alt

当图片不可用或用户在他/她的浏览器中关闭了所有图片时，需要alt属性。有必要将此属性包含到img元素中。

<img src=".." alt="Alternative text" width="200" height="100" aria-label="For screen readers" />