首页 > 解决方案 > 同一产品的不同视图的替代文本

问题描述

当呈现一组图像以显示产品的不同照片视图(前视图、侧视图、缩放视图等)特别有利于视力正常的用户时,图像的替代文本应该是什么样的?是否足以为第一张图像添加替代文本以读取诸如“产品 X 的不同照片视图”之类的内容,并将 alt 留空以用于组中的其余图像。

我假设为每个图像添加替代文本对于 SR 用户来说是不必要的噪音,但我想向专家学习每个图像的替代文本是否有价值。

标签: htmlwebaccessibilityuiaccessibilityalt

解决方案


必须不是专家,而是图像的替代文本应该传达图像的目的,而不是图像的实际内容。

在您的示例中,对于没有视力的人,知道图像是产品 X 的各种照片相对没有意义,除非他们知道产品 X 的样子(不太可能)。

您最好使用替代文本,例如“这张产品 X 的照片显示它以 X 方式执行其功能”。

此外,如果它是多张图片,除非每张图片都显示产品的不同功能或特性,否则我会说更多的替代文字可能无济于事,应该被排除在外。

根据您的产品,此建议非常主观,但我希望它有所帮助。

参考: https ://usability.yale.edu/web-accessibility/articles/images


推荐阅读