我可以为预览和大型产品图像使用相同的 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 徽标”。
我可以对预览和产品大图使用相同的 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 徽标”。