什么是Alt Text

什么是Alt Text

什么是 Alt Text？

Alt Text（替代文本）是一段简洁的文字，用于描述网页中的图片内容。当图片无法加载时，浏览器会显示这段文字；对于视障用户使用的屏幕阅读器来说，Alt Text 也起到关键的辅助作用。

为什么要写 Alt Text？

提升可访问性

让视力障碍者能理解图片内容，是网站无障碍设计的重要一环。

有利于搜索引擎识别

搜索引擎通过 Alt Text 识别图像内容，从而帮助图片在搜索结果中更好地展现。

防止信息丢失

当图片加载失败时，Alt Text 可以代替图像传递关键信息，维持内容逻辑。

如何设置 Alt Text？

Alt Text 通常通过 HTML 或内容管理系统（CMS）填写。例如：

<imgsrc="photo.jpg"alt="柳树下骑自行车的少年">

在 WordPress、Shopify、Wix 等网站后台上传图片时，也会有专门的“Alt Text”填写栏。社交平台（如 LinkedIn、Instagram）也支持添加替代文本功能。

Alt Text 写作要点

1. 清晰具体

用简洁语言说明图片的核心内容，例如：“红色自行车停在樱花树下”。避免描述摄影角度、文件名等无关信息。

2. 控制字数

建议控制在 125 个字符以内，过长的 Alt Text 可能会被屏幕阅读器截断。

3. 自然使用关键词

如图片内容与关键词相关，可自然融入，但不要刻意堆砌，以免影响可读性。

4. 区分图片类型

对于传达信息的图片（如数据图、产品图）应写 Alt Text；装饰用途的图片可设置为空值（alt=""），让屏幕阅读器忽略。

5. 结合语境书写

Alt Text 应结合图片所在页面的内容和用途来描述，而不是孤立地陈述图像。

6. 定期检查完善

建议定期检查网站中是否存在缺失或无效的 Alt Text，可结合后台工具或手动核对。