图片替代文本
网页图片的 alt 怎么写:先确定图片在页面中的用途
替代文本帮助无法看到图片的读者理解页面。写作前先判断图片承担什么作用,再决定哪些信息需要用文字表达,同一张图放在不同位置可能需要不同说明。
更新:2026-10-18
先把图片放回具体段落
查看图片前后的标题和正文,说明读者需要从中知道什么。用于装饰的背景图与解释操作步骤的截图承担不同作用,不能只根据文件名或画面中出现的物体决定替代文本。
完全用于装饰、没有独立信息的图片,通常使用空的 alt 属性,避免增加无意义的朗读。空属性与缺少属性不同;如果图片还是链接或按钮,应同时检查该控件是否具有清晰名称。
写出与阅读任务有关的信息
信息图片用简洁文字传达关键内容,不必机械列出所有颜色、位置和背景物体。例如介绍操作入口的截图,可以说明入口名称及所在区域,但不能添加截图中未显示、正文也未证实的操作结果。
功能图片的文字需要表达作用或目标。例如一个仅由图标组成的下载链接,应让读者知道下载什么;若相邻文字已经提供完整名称,需要避免重复,同时确认整体仍能被正确识别。
为复杂图表提供正文解释
流程图、统计图和多层关系图往往无法靠一句替代文本说明完整。可以在 alt 中概述主题,并在相邻正文、表格或可访问的说明页面提供节点、数据、单位和关键关系,便于读者逐项查看。
图中有文字时,判断这些文字是否已经以普通文本提供。关键内容只保留在图片里,会让查找、复制和辅助阅读变得困难;补充文字版本时应核对数值、顺序与图形一致。
在实际页面上复核
检查最终图片、替代文本与上下文是否对应,尤其注意裁切、替换或移动图片后的变化。通过页面结构检查和适当的辅助阅读验证,确认关键内容可理解,不能只看编辑器中的输入框。
小蓝助手可协助整理图片用途、拟写说明并比较版本。图片事实与阅读效果仍需核对;替代文本应服务于内容理解,不堆砌无关关键词,也不能据此承诺搜索排名提升。