替代文本 (alt text) 是通过 HTML <img> 标签的 alt 属性指定的图片描述。当图片无法加载时显示替代文本，屏幕阅读器也会朗读该文本。虽然这一规范从 Web 诞生之初就已存在，但随着无障碍访问和 SEO 重要性的提升，它已成为现代 Web 开发中不可或缺的元素。

替代文本是无障碍访问的必要元素。视障用户使用屏幕阅读器浏览页面时，替代文本传达图片内容。WCAG (Web 内容无障碍指南) 2.1 的成功标准 1.1.1 要求为所有非文本内容提供文本替代。例如，图表图片应描述为"展示 2024 年月度销售趋势的柱状图"，准确传达图片所表达的核心信息。Web 无障碍指南解释了替代文本的重要性。

在 SEO 方面，替代文本是搜索引擎理解图片内容的重要信号。它影响 Google 图片搜索排名，包含相关关键词的替代文本有助于从图片搜索获取流量。实际上，电商网站为商品图片设置具体的替代文本 (如"红色皮革托特包，支持 A4 尺寸") 后，来自图片搜索的流量显著增加的案例屡见不鲜。

编写有效的替代文本需要注意几个要点。首先，简洁准确地描述图片内容，建议控制在 125 个字符以内。不需要"图片"或"照片"等冗余前缀。关键词堆砌可能导致搜索引擎惩罚，应当避免。装饰性图片应使用空的 alt 属性 (alt="")，让屏幕阅读器跳过。SEO 图片优化指南介绍了替代文本的最佳实践。

一个常见的误解是将替代文本与 title 属性混淆。title 属性在鼠标悬停时显示为工具提示，不能替代 alt 文本。此外，CSS 背景图片无法设置 alt 属性，因此不应仅通过背景图片传达重要信息。

从字符计数的角度来看，替代文本的长度会影响页面的整体文本量。虽然不会在视觉上显示，但搜索引擎会将其纳入索引，因此在评估页面总字符数时，也值得将替代文本考虑在内。