先给结论:描述这张图在这里传达什么
产品介绍网页上的alt替代文本,重点是图片在当前上下文中传达的必要信息。它不是把文件名换成一串关键词,也不是把一整段产品介绍复制进去。
W3C的图片教程指出,信息性图片的文本替代应传达视觉内容的含义;图片属于信息性还是装饰性,需要结合放在页面中的目的判断。因此,同一张图片在不同页面里,合适的处理可能不同。
先判断用途,再决定写什么
信息性图片:如果读者需要通过图片了解外形、位置或操作关系,就提供能表达该信息的简短文字。
装饰性图片:如果图片只是装饰,而且没有增加内容信息,可采用空替代文本alt=""。W3C提醒,空属性与不写alt不同;遗漏属性可能让部分屏幕阅读器读出文件名。
功能性图片:如果图片本身是链接或按钮的唯一内容,应表达它触发的动作或目的地,例如“查看产品接线说明”,而不只是“一个箭头”。如果同一链接已经有清晰文字,图像本身可能不需要重复描述。

虚拟示例:从文件名变成有用的说明
假设一张虚拟设备背面示意图,目的是让读者找到电源接口。写“img_001.png”没有说明用途;写“优质设备、专业品牌、展会产品”也没有回答接口在哪里。
如果图中确实标出接口位置,可以写“设备背面右下方为电源接口”。这句话只表达图片展示的信息,不附加功率、防水等级或其他未经证实的性能。本文中的设备与位置仅用于说明写法,不对应真实型号。
若图片只展示外观,且没有标出接口,就不能从外观推断接口用途。替代文本应与当前图片及已经确认的产品资料一致。

长参数表和操作说明,不要全部塞进alt
当图片承载复杂参数或多步操作时,可以在正文中提供可读取的表格或步骤说明,图片的替代文本再简要指出其主题。这样读者不必只能依靠图片取得信息。
编辑时先列出这张图新增了哪一条信息,再检查相邻正文是否已完整表达。若正文已提供同等信息且图片没有其他用途,可结合页面语境判断是否作为装饰处理,而不是机械重复整段文字。
对于产品安全要求、接线步骤或限制条件,应以确认过的技术资料为准。不要利用替代文本悄悄补入正文未确认的参数。
交给网页编辑时,把图片与文字成对记录
建议每张图都记录图片文件、所在段落、用途和替代文本。图片换成另一个角度后,也要同步复核文字,防止正面图仍保留背面接口的说明。
可以把“产品整体外观”“接口位置说明”“下载资料入口”分别列开。它们可能使用相近的图形,但网页中的功能不同,文本也应跟随功能。
图注是页面上直接可见的说明,alt是图片元素上的替代文本,两者不能简单互相代替。是否需要相同内容,应以是否造成重复和是否遗漏信息来判断。

上线前后,核对实际页面而不只看编辑框
保存内容后检查页面中的图片元素,确认需要的alt文字没有被编辑器丢失,也没有被文件名或默认占位词替换。对于功能图,还要核对链接目的地和可理解的名称。
再用键盘和实际辅助技术检查关键阅读路径。属性存在只能证明字段已写入,不能单独证明整个网页可访问。页面标题、链接、按钮和正文结构仍需要分别检查。
几维视觉的数字展示内容沟通可以把图片用途与文本一起纳入资料交接。本文说明的是网页信息表达和可访问性处理,不承诺搜索排名或AI收录结果,也不把网页alt规则套用于纸质展板。
常见问题
alt是不是越长越好?
不是。优先准确表达图片在当前段落中的必要信息,复杂内容可在正文提供完整说明。
所有图片都必须写一段描述吗?
不需要。纯装饰图片可以用空alt;信息图和功能图则应按用途提供相应内容。
换图后需要重新检查alt吗?
需要。图像内容、所在段落或链接目的变化时,原文字可能已经不适用。