一张产品图旁边写着“产品图片”，并没有帮助客户识别型号；把所有关键词塞进 alt 文本，也不能替代准确说明。应先判断图片在当前页面承担什么作用，再决定需要怎样的文字。
三种文字各有用途
正文负责完整解释参数、条件与背景；可见图注帮助读者理解当前图片；alt 文本为无法获取图片内容的使用场景提供必要替代。它们可以相互补充，但不应机械复制整段正文，造成重复阅读。
图片中的重要号码、尺寸或联系方式，也应有容易获取的正文表达。客户不应必须放大图片才能得到关键信息。
按图片用途选择表达
| 图片类型 | 说明重点 | 常见错误 |
|---|---|---|
| 信息性产品图 | 当前需要理解的外观或部件 | 只写图片编号或堆业务词 |
| 作为按钮或链接的图片 | 点击目的或动作 | 只描述颜色和形状 |
| 纯装饰图片 | 适当使用空替代文本 | 增加无意义朗读负担 |
| 复杂图表或尺寸图 | 正文提供完整数据与解释 | 把全部信息压进一句 alt |
具体替代内容需要结合上下文。如果附近文字已经完整传达图片用途，应避免让辅助技术重复读同一信息；也不能因此省略图片中独有的重要细节。
对于使用 img 元素呈现的纯装饰图，空替代文本通常指明确写出 alt=""，而不是删掉 alt 属性。遗漏属性时，某些屏幕阅读器可能读出文件名。图片是否为装饰，应根据它在当前页面有无独立信息判断，不能只凭尺寸小或外观简单决定。详见 W3C 装饰图片说明。
一个产品细节图的改写示例
假设页面展示 P100 型号的背面接口，“优质产品厂家直销”没有说明图片内容；“P100 背面接口位置”更能表达当前用途。若客户需要知道接口规格和适配条件，这些仍应在参数说明中准确列出。
对于“下载手册”图标，关键是让客户知道点击会下载什么，而不是只描述“一个向下箭头”。如果图标是链接的唯一内容且没有其他有效名称，应提供表达操作目的的替代文本；如果同一链接内已经有“下载 P100 安装手册”的文字，图标又没有额外信息，可使用空 alt 避免重复。链接外视觉上靠近的文字，不能当然视作这个链接的可访问名称，应实际检查。可参照 W3C 功能性图片示例。
图表应能脱离图片理解主要信息
复杂图表需要简短识别说明，并用相邻正文、表格或明确链接提供完整信息。W3C 的复杂图片教程给出了短说明与长说明结合的方法；长说明可以让所有读者访问，不应只有一串塞进 alt 的数值。
例如，一张假设的月度咨询趋势图，短说明可以指出统计主题和完整数据的位置；正文再写清时间范围、单位、变化及例外，表格列出对应月份和数量。只写“咨询持续增长”既丢失数值，也可能遗漏下降月份；只列数字又没有月份和单位，同样无法理解。这个例子演示内容组织，不代表真实经营结果。
尺寸图则需说明测量位置、方向与对应参数，不能仅把图中文字逐字抄出。检查者应能通过替代说明找到作出判断所需的信息，而不是只能知道“这里有一张图”。技术资料核对日期：2026 年 10 月 26 日。
示意性质、拍摄背景等会影响所有访客判断的信息，放在可见图注或正文中；不要只写进 alt，让能看到图片的人反而不知道它是示意图。图片类型、来源说明与文字结论应相互对应。
在真实页面检查阅读顺序
检查图片、图注与正文是否对应同一型号，链接是否指向正确文件，以及移除图片后能否继续理解主要内容。还可结合屏幕阅读器检查是否出现重复或缺失信息。
同一产品有正面、背面和接线细节图时，应说明各自独有的用途，不能统一填成“产品展示”。替换图片后也要复查旧 alt 是否仍对应当前型号和视角。自动工具能够发现部分缺少 alt 的情况，却不能保证所写内容准确；最终仍需按图片任务和实际阅读路径判断。
如需整理官网图片说明，可私聊客服，提供页面和容易被误解的图片，沟通文字与页面调整范围。
参考：W3C WAI：图片可访问性教程。
