看不到图片的人最需要的,不是一句图片说明,而是图片遮住后他真正少掉的内容:优惠、状态、日期、操作入口,或者什么都没少,因为它本来只是装饰。

邮件 alt 文本的好写法,是用一小段文字补上图片承担的信息或动作。它不是文件名,不是颜色清单,也不该把旁边已经写清楚的正文重复一遍。

EasyAImail 邮件 HTML 发送前检查工具界面

打开 EasyAImail 邮件 HTML 发送前检查工具,把缺少 alt 属性和其他发送前风险一起检查。

先问:图片被盖住后,读者少了什么

写 alt 前,可以先假设图片完全看不到,再读一遍旁边的邮件内容。少掉的是哪一条有用信息?

  • 图片里有唯一的价格、日期、产品信息或状态,就要把那项事实补出来。
  • 图片本身是一个会跳转的操作入口,就要说清打开后能做什么。
  • 图片只是分隔线、纹理,或重复了邻近文字,可能根本不需要朗读内容。

这比“每张图都写一段描述”更准确。同一个 logo,在一封简短的账户通知中可能承担发件人识别;在标题已经明确写了公司名的邮件里,可能只是重复。

装饰图片应该保持安静

分隔线、花纹、背景纹理或重复图标,如果被无故朗读,反而会打断阅读。对于纯装饰图片,可以明确使用空 alt:

<img src="https://example.com/divider.png" alt="" width="600" height="18">

留空并不等于忘记写。它是经过判断后的决定:即使跳过这张图,收件人也不会失去任何内容。不要写 alt="装饰图片" 或资源文件名,它们只会制造噪音,也不会帮助人理解邮件。

信息图片要给出事实,不必描述视觉细节

假设一张订单更新图里写着“新的送达日期为 3 月 18 日”。读者需要的是日期,不是“蓝色的送达状态卡片”。

更合适的写法:

<img src="https://example.com/delivery-update.png"
     alt="新的送达日期:3 月 18 日">

比较弱的写法:

<img src="https://example.com/delivery-update.png"
     alt="一张送达更新卡片图片">

能写进图片的重要事实,也尽量在附近的真实文字里出现。alt 是重要替代路径,但不应成为唯一承载紧急信息的地方。

链接图片要说清去哪里或做什么

当图片本身是链接时,可以问:“激活它以后会发生什么?”如果图片按钮会打开方案,就写“查看修订后的方案”,而不是“按钮”“点击这里”或“方案图片”。

<a href="https://example.com/proposal">
  <img src="https://example.com/review-button.png" alt="查看修订后的方案">
</a>

具体的链接语言不只方便辅助技术,也能帮助匆忙浏览的人、图片加载慢的人,或按钮视觉效果被弱化时的收件人理解下一步。

不要重复旁边已经写过的文字

图片不需要成为一段正文的第二个声音。如果邮件已经写着“你的咨询预约确认在周二下午两点”,旁边的日历图也只是重复这个事实,它通常可以归为装饰。

没有固定的字数规则。能补上真实缺口的一句话,比详细复述导致同一封邮件听两遍更好。对比度、链接、变量和整体结构的检查,可以延伸阅读 HTML 邮件无障碍检查清单:alt 文本、对比度、链接和变量。

把检查器的提示当成问题,而不是现成答案

这次可见界面的无障碍报告先提示图片缺少 alt 属性。这个提示的价值,是让你重新判断图片为什么存在;它并不等于每一张缺少 alt 的图都要补上一段很长的描述。

EasyAImail 检查器显示图片缺少 alt 属性与相关无障碍风险

EasyAImail 邮件 HTML 发送前检查工具能够发现 HTML 中缺少 alt 属性、对比度、链接文字、未替换变量和兼容性等静态问题。它不能替你判断某张产品图、logo 或插画在这封具体邮件里有没有意义。那仍需要你像收件人一样读一遍。

图片失败的方式不止一种

图片可能加载不出来,收件人可能看不到,客户端可能改变周围颜色,小屏幕也可能让它失去原有作用。因此,好的 alt 要和更稳妥的内容安排一起出现:重要事实写进真实文字,链接说清目的,布局不要只靠一层视觉处理才成立。

如果同一封邮件还受颜色变化影响,可以继续读 邮件暗色模式检查指南:发送前到底该看什么?。

不只在搭建时写一次 alt

邮件在后续修改中会变:一张图可能加上链接,促销日期可能被移进图片,原来只是装饰的图标也可能变成唯一状态提示。出现这些变化时,alt 也应该重新检查。

如果你还在从一个想法开始写邮件,EasyAImail 网页版可以先帮助你把收件人、目的和事实整理成完整 HTML:AI 推荐模板,由你选择,再补齐信息和审核。如果你正在 Gmail 或 Outlook 中审阅已有草稿,EasyAImail 浏览器插件提供由用户主动开启的审阅路径。无论从哪里开始,alt 都应该由发件人在最终检查时确认。

常见问题

每张邮件图片都需要 alt 文本吗?

每张有意义的图片都应有有用替代文字。纯装饰图片通常使用 alt="",让它不制造无关朗读。

邮件 alt 文本应该写多长?

写到足够保留收件人会错过的信息或动作即可。不要加入不影响邮件含义的视觉细节。

链接图片可以写“点击这里”吗?

不建议。应该说明链接会做什么或去哪里,例如“查看更新后的发票”或“查看修订后的方案”。

缺少 alt 属性时,直接加一句描述就能修好吗?

不一定。先判断图片是信息图、链接图还是装饰图。对完全不承载内容的图片,空 alt 往往才是正确处理。

只让图片说它必须说的事

让 alt 文本替收件人补上图片里真正缺失的那句话。装饰保持安静,关键事实也写进正文,并在发送前用最终 HTML 再检查一遍。