同一产品的多个图像,可访问性要求
Multiple images of same product, accessibility requirements
对于包含单个产品的多个图像(例如不同角度)的网页。每张图片是否需要 alt
个标签?
在亚马逊上查看示例,他们似乎在第一个产品图片上只有一个 alt
标签,但之后没有 alt
标签或 aria
相关标签。
The first example here 表示星星的 alt
标签为空。
我的问题是,为了遵循适当的标准,是否需要在第一张图片后有一个空的 alt
标签?使用 aria-hidden
完全隐藏额外的 non-helpful(相同的东西不同角度)图像,或者只是做亚马逊所做的,只在第一张图像上放置一个 alt
标签。
编辑:还有一个问题,产品图片本身是否是相关内容?如果产品标题已经存在,那么为 screen-readers.
完全隐藏图像不是更容易吗?
根据 W3,"If multiple images convey a single piece of information, the text alternative for one image should convey the information for the entire group." 参见 https://www.w3.org/WAI/tutorials/images/groups/
首先不要使用 Amazon 作为如何实现无障碍访问的示例 - 他们的网站不是一个很好的示例(他们尝试过,但他们有多年的不良做法,这对他们来说很难解决)。
这个问题的答案取决于销售的产品。
例如,如果它是一个杯子,上面有一只狗和一只猫的拥抱图片,那么单个图片 alt 标签可能是正确的选择,并从屏幕上隐藏其余图片 reader。
但是,如果它是一个复杂的产品,具有显示尺寸、规格、特征等的不同图像,那么多个 alt 标签可能是合适的。
要问的问题是“这张图片是否描绘了任何会影响购买决定的新信息”。
如果答案是肯定的,添加一个 alt 标签,如果答案是否定的,从屏幕上隐藏它 reader。
编辑 - 解决对问题所做的编辑
从纯可访问性和 'rules' 的角度来看 - 不,如果图像的每个方面都在别处描述,则图像不需要 Alt 描述。
但是,在实践中,始终应该至少有一个 Alt 标签,其中包含对产品的有用描述。
alt 标签的想法是为盲人用户提供尽可能多的信息和与有视力的用户尽可能相似的体验(我知道不仅盲人用户使用屏幕 readers,而且为了简化解释忍耐一下)。
但与此同时,盲人用户也会感谢您为他们提供尽可能少的信息,让他们获得与正常用户相同的体验。
有视力的用户会先看到图像,盲人也应该看到,因为这在文档流中有意义,但请调整您的替代描述以提供主要描述中缺少的信息,以便以避免屏幕 reader 用户的信息过多重复。
此外(有点偏离可访问性但仍然与为什么总是至少有一个 alt 标签相关)不要忘记 SEO - 如果可能的话,您希望该产品图片显示在图片搜索中,特别是在商业环境中,alt 标签仍然有助于搜索引擎对图像进行分类。
关于您是否应该至少有一个 alt 标签的最后一个论点是那些禁用图像以节省带宽的人会发生什么 - 您仍然应该至少有一个 alt 标签来描述图像应该是什么关于。 (不同类型的 'accessibility' 但仍然相关)。
tl;dr -> 是的,至少还有一个 alt 标签。
EDIT: One more question, are product images themselves even relevant content? If the product title is already there, wouldn't it be easier to just hide the images completely for screen-readers.
这是这里的主要问题。
我们可以将商业网站中的图像视为纯粹的装饰吗?我不这么认为。
屏幕阅读器可供非完全失明的人使用,或供盲人与视力正常的人共享信息:"look honey, do those colors will match ?"
例如,患有 LHON 的人仍然可以有余光,并且可以使用屏幕阅读器来帮助他们进行搜索。
更重要的是要有一个简单而全面的图片替代文字。
如果您只是重复图片中的产品名称,那么空白 alt
可能会更好。但是,我们仍然可以想象盲人想要分享图像以获得反馈评论。
对于包含单个产品的多个图像(例如不同角度)的网页。每张图片是否需要 alt
个标签?
在亚马逊上查看示例,他们似乎在第一个产品图片上只有一个 alt
标签,但之后没有 alt
标签或 aria
相关标签。
The first example here 表示星星的 alt
标签为空。
我的问题是,为了遵循适当的标准,是否需要在第一张图片后有一个空的 alt
标签?使用 aria-hidden
完全隐藏额外的 non-helpful(相同的东西不同角度)图像,或者只是做亚马逊所做的,只在第一张图像上放置一个 alt
标签。
编辑:还有一个问题,产品图片本身是否是相关内容?如果产品标题已经存在,那么为 screen-readers.
完全隐藏图像不是更容易吗?根据 W3,"If multiple images convey a single piece of information, the text alternative for one image should convey the information for the entire group." 参见 https://www.w3.org/WAI/tutorials/images/groups/
首先不要使用 Amazon 作为如何实现无障碍访问的示例 - 他们的网站不是一个很好的示例(他们尝试过,但他们有多年的不良做法,这对他们来说很难解决)。
这个问题的答案取决于销售的产品。
例如,如果它是一个杯子,上面有一只狗和一只猫的拥抱图片,那么单个图片 alt 标签可能是正确的选择,并从屏幕上隐藏其余图片 reader。
但是,如果它是一个复杂的产品,具有显示尺寸、规格、特征等的不同图像,那么多个 alt 标签可能是合适的。
要问的问题是“这张图片是否描绘了任何会影响购买决定的新信息”。
如果答案是肯定的,添加一个 alt 标签,如果答案是否定的,从屏幕上隐藏它 reader。
编辑 - 解决对问题所做的编辑
从纯可访问性和 'rules' 的角度来看 - 不,如果图像的每个方面都在别处描述,则图像不需要 Alt 描述。
但是,在实践中,始终应该至少有一个 Alt 标签,其中包含对产品的有用描述。
alt 标签的想法是为盲人用户提供尽可能多的信息和与有视力的用户尽可能相似的体验(我知道不仅盲人用户使用屏幕 readers,而且为了简化解释忍耐一下)。
但与此同时,盲人用户也会感谢您为他们提供尽可能少的信息,让他们获得与正常用户相同的体验。
有视力的用户会先看到图像,盲人也应该看到,因为这在文档流中有意义,但请调整您的替代描述以提供主要描述中缺少的信息,以便以避免屏幕 reader 用户的信息过多重复。
此外(有点偏离可访问性但仍然与为什么总是至少有一个 alt 标签相关)不要忘记 SEO - 如果可能的话,您希望该产品图片显示在图片搜索中,特别是在商业环境中,alt 标签仍然有助于搜索引擎对图像进行分类。
关于您是否应该至少有一个 alt 标签的最后一个论点是那些禁用图像以节省带宽的人会发生什么 - 您仍然应该至少有一个 alt 标签来描述图像应该是什么关于。 (不同类型的 'accessibility' 但仍然相关)。
tl;dr -> 是的,至少还有一个 alt 标签。
EDIT: One more question, are product images themselves even relevant content? If the product title is already there, wouldn't it be easier to just hide the images completely for screen-readers.
这是这里的主要问题。
我们可以将商业网站中的图像视为纯粹的装饰吗?我不这么认为。
屏幕阅读器可供非完全失明的人使用,或供盲人与视力正常的人共享信息:"look honey, do those colors will match ?"
例如,患有 LHON 的人仍然可以有余光,并且可以使用屏幕阅读器来帮助他们进行搜索。
更重要的是要有一个简单而全面的图片替代文字。
如果您只是重复图片中的产品名称,那么空白 alt
可能会更好。但是,我们仍然可以想象盲人想要分享图像以获得反馈评论。