我可以对单个页面中的两个或多个 img html 元素使用相同的值 alt="name" 吗?

Can I use same values alt="name" for two or more img html elements in single page?

我在一页中使用两个徽标,我的代码是

<img src="img/logo/logo-black.png" alt="logo" class="logo-white"/>

<img src="img/logo/logo-black.png" alt="logo" class="logo-black"/>

当我验证此代码时收到以下消息,我不确定这是否是一个错误。看看屏幕截图,让我知道消息的内容。

alt 标签是替代文本。这是图片加载不出来的时候显示的。

你"can"使用相同的alt但你不应该

alt 应该始终是描述图像内容的有意义的行。

如果用户的页面加载速度不够快并且他看到了 alt 标签怎么办?或者,如果您的页面被浏览器解析为视觉障碍怎么办?

始终为图像使用有意义的替代文本标签,这样可能看不到图像的用户至少可以了解应该在那里显示的内容。

验证基本上是这样说的:

您的 HTML 从技术角度来看是经过验证的,没有软件在解析时会遇到问题,但是重复 ALT 很有可能无法准确表示您的图片和当无法加载图像时,这将导致信息不正确,或者屏幕阅读器对图像的解释不正确。

但是,如果您 100% 确定您的图片完全相同,那么使用相同的 alt 文本应该没什么问题。

你完全可以使用相同的替代文本,只要文本有意义。

例如:

<img src="jack1.jpg" alt="Portrait of Jack Smith" />
<img src="jack2.jpg" alt="Portrait of Jack Smith" />

BUTlogo 这样的替代文本没有意义,您应该将其替换为某个公司名称的 logo 或空白替代 alt="" 如果图片用于装饰目的