html - 同一产品的不同视图的替代文本
问题描述
当呈现一组图像以显示产品的不同照片视图(前视图、侧视图、缩放视图等)特别有利于视力正常的用户时,图像的替代文本应该是什么样的?是否足以为第一张图像添加替代文本以读取诸如“产品 X 的不同照片视图”之类的内容,并将 alt 留空以用于组中的其余图像。
我假设为每个图像添加替代文本对于 SR 用户来说是不必要的噪音,但我想向专家学习每个图像的替代文本是否有价值。
解决方案
必须不是专家,而是图像的替代文本应该传达图像的目的,而不是图像的实际内容。
在您的示例中,对于没有视力的人,知道图像是产品 X 的各种照片相对没有意义,除非他们知道产品 X 的样子(不太可能)。
您最好使用替代文本,例如“这张产品 X 的照片显示它以 X 方式执行其功能”。
此外,如果它是多张图片,除非每张图片都显示产品的不同功能或特性,否则我会说更多的替代文字可能无济于事,应该被排除在外。
根据您的产品,此建议非常主观,但我希望它有所帮助。
参考: https ://usability.yale.edu/web-accessibility/articles/images
推荐阅读
- javascript - D3 多系列折线图无法使用正确的 xAxis 值
- c# - 通过 Linq 和嵌套的 foreach 分组并加入两个表
- reactjs - 如何在本机反应中在一列网格视图中适应图像的全尺寸?
- python - 为什么 Python 返回 None 而不是 value
- java - 在向 grails 发出请求时遇到 cors 问题
- jquery - TypeError:多次使用后$不是函数
- c++ - openCl 路径跟踪器会产生奇怪的噪声模式
- javascript - 日期函数在 chrome 中工作,但在 Firefox 中不工作,变得未定义
- cordova - Phonegap-plugin-push 通知
- flutter - 使用颤振耀斑时,不能将“dart.core::int”类型的值分配给“dart.core::double”类型的变量