2

对于具有单个产品的多个图像的网页,例如具有不同角度的图像。每张图片都需要alt标签吗?

查看亚马逊上的示例,似乎他们只有alt在第一张产品图片上有一个标签,但之后没有alt标签或aria相关标签。

这里的第一个例子说星星有空alt标签。

我的问题是,为了遵循适当的标准,是否需要alt在第一张图片之后有一个空标签?完全隐藏额外的无用(相同的东西不同角度)图像,aria-hidden或者只是做亚马逊所做的事情,只alt在第一张图像上放一个标签。

编辑:还有一个问题,产品图片本身甚至是相关内容吗?如果产品标题已经存在,那么为屏幕阅读器完全隐藏图像会不会更容易。

4

3 回答 3

1

首先,不要使用亚马逊作为如何做可访问性的例子——他们的网站不是一个很好的例子(他们尝试过,但他们有多年的不良做法,他们很难解决)。

答案取决于所销售的产品。

例如,如果它是一个带有狗和猫拥抱图片的杯子,那么单个图像 alt 标签可能是正确的选择,并从屏幕阅读器中隐藏其余图像。

但是,如果它是一个复杂的产品,具有不同的图像显示尺寸、规格、功能等,那么多个 alt 标签可能是合适的。

要问的问题是“这张图片是否描绘了任何会影响购买决定的新信息”。

如果答案是肯定的,请添加一个 alt 标签,如果答案是否定的,则将其隐藏在屏幕阅读器中。


编辑 - 解决对问题所做的编辑

从纯粹的可访问性和“规则”的角度来看 - 不,如果图像的每个方面都在其他地方描述,则不需要对图像进行 Alt 描述。

但是,在实践中,应该始终至少有一个带有有用产品描述的 Alt 标签。

alt 标签的想法是为盲人用户提供尽可能多的信息和尽可能与有视力的用户相似的体验(我知道盲人用户不仅使用屏幕阅读器,而且为了解释的简单,请容忍我)。

然而,与此同时,盲人用户也会感谢您为他们提供尽可能少的信息,从而为他们提供与有视力的用户相同的体验。

有视力的用户会首先看到图像,盲人也应该首先看到图像,因为这在文档流中是有意义的,但请调整您的 alt 描述以提供主要描述中缺少的信息,以避免屏幕上的信息重复过多读者用户。

另外(稍微远离可访问性,但仍然与为什么总是至少有一个 alt 标签有关)不要忘记 SEO - 如果可能的话,您希望该产品图像出现在图像搜索中,尤其是在商业环境中, alt 标签仍然可以帮助搜索引擎对图像进行分类。

关于你是否应该至少有一个 alt 标签的最后一个论点是那些禁用图像以节省带宽的人会发生什么 - 你仍然应该至少有一个 alt 标签来描述图像应该是什么。(一种不同类型的“可访问性”,但仍然相关)。

tl;dr -> 是的,至少还有一个 alt 标签。

于 2019-09-12T06:56:36.040 回答
1

根据 W3,“如果多张图像传达一条信息,则一张图像的替代文本应该传达整个组的信息。” 见https://www.w3.org/WAI/tutorials/images/groups/

于 2019-09-12T01:30:38.450 回答
1

编辑:还有一个问题,产品图片本身甚至是相关内容吗?如果产品标题已经存在,那么为屏幕阅读器完全隐藏图像会不会更容易。

这是这里的主要问题。

我们可以将商业网站中的图像视为纯粹的装饰吗?我不这么认为。

屏幕阅读器可供非完全失明的人使用,或者让盲人与完全视力正常的人分享信息:“看,亲爱的,这些颜色会匹配吗?”

例如,患有 LHON 的人仍然可以有周边视力,并且可以使用屏幕阅读器来帮助他们进行搜索。

更重要的是为图像提供一个简单而全面的文本替代方案。

如果您只在图像中重复产品名称,那么有一个空白alt可能会更好。但是,我们仍然可以想象某个盲人想要分享图像以获得反馈意见。

于 2019-09-15T07:50:08.527 回答