【问题标题】:Alternative text for different views of the same product同一产品的不同视图的替代文本
【发布时间】:2025-07-10 03:45:02
【问题描述】:

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

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

【问题讨论】:

  • 好问题。这不是一个真正的答案,但它是我能找到的最接近答案的东西。 *.com/questions/58217596/…
  • *.com/a/57901256/2702894 更适合回答这个问题,非常乐意提供更多信息,因为回顾那个答案,它不像我现在做的那样清楚,但我认为你应该得到要点。

标签: html web accessibility uiaccessibility alt


【解决方案1】:

图片的替代文字必须传达图片的目的而不是图片的实际内容。

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

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

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

此建议非常主观,具体取决于您的产品,但我希望它有所帮助。

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

【讨论】: