为什么图像上的 alt 属性很重要？

alt 属性提供文本替代方案，描述图像的内容或功能。它为无法看到图像的用户和工具提供服务。

<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />

谁依赖 alt 文本

• 屏幕阅读器用户 — 辅助技术会大声读出 alt 文本，因此盲人用户知道图像传达了什么。没有它，他们会听到文件名或只是"图像" — 没有用处。
• 图像加载失败时 — 浏览器显示 alt 文本而不是损坏的图像图标。
• 搜索引擎 — 使用 alt 来理解和索引图像（图像 SEO）。
• 连接缓慢 — 在图像下载时显示文本。

编写良好的 alt 文本

<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt= />

alt="" （空的，但存在）很重要：它告诉屏幕阅读器"这是装饰性的，忽略它"。完全省略 alt 是不同的 — 那样读者可能会宣读文件名。

为什么这很重要

alt 是图像中最重要的单一无障碍属性，也是无障碍标准（WCAG）下的法律要求。

它使内容对非视力用户可感知，在图像损坏时提供后备方案，并帮助 SEO — 在上下文中描述图像的含义，并为纯装饰性图像使用 alt=""。