我可以为预览和大型产品图像使用相同的 Alt 属性吗?

Сan i use the same Alt attribute for the preview and for the large product image?

我可以对预览和产品大图使用相同的 Alt 属性吗?还是只为大图设置 Alt 更好?

您应该考虑何时使用 alt 属性。正如许多人认为的那样,它不仅适用于 SEO。

  • 当User Agent无法显示图片时使用,参考this part of HTML 4 spec

  • 它在 WCAG - Web 内容可访问性指南的上下文中非常有用。有关此主题的更多详细信息,请参阅 w3.org documentation

因此,为了回答您的问题 - 您可以对两张图片使用相同的替代文本,前提是它们实际上包含相同的信息。

如果您将预览图像用作 URL link(或某些灯箱)的缩略图,则它被称为“Functional image”。它们用于按钮、link 和其他交互元素。图片的替代文本应该传达将要启动的操作(图片的目的),而不是图片的描述。

例如,替代文本应该是“打印此页”而不是“打印机的(图像)”,“搜索”而不是“放大镜”或“Example.com 主页”而不是“Example.com 主页” “Example.com 徽标”。