电商产品卡片促销徽章alt文本优化及产品图alt设置咨询

促销标识图的alt属性 #

无障碍检测工具的字符数警告不用过度在意，这类工具只是基于通用规则的自动化检查，并非绝对的无障碍标准。

从信息传递的角度看，alt="Sale"其实已经能让屏幕阅读器用户快速get到“商品促销”的核心信息，和视觉用户看到百分号图标的认知是匹配的。如果想要表述更完整，改成alt="Item is on sale"也没问题，但没必要为了凑字符数强行拉长文本——屏幕阅读器用户同样需要简洁高效的信息，冗余表述反而可能干扰阅读节奏。

产品卡片主图的alt属性 #

直接用空alt标签（alt=""）就好。你判断的没错，这类和下方产品标题重复的图片属于装饰性辅助展示，没有额外的信息需要传递。如果重复设置成产品标题，屏幕阅读器会重复朗读相同内容，反而会给用户造成困扰，空alt标签能让阅读器跳过这张图，直接读取下方的标题信息，体验更流畅。

内容的提问来源于stack exchange，提问作者mwinkelm