素材图片的 alt 文本该写什么

把下载的素材放到网站上时，常会犹豫 alt 属性该写什么。把素材页面的说明文照搬过去未必是最好的做法，因为同一张画，放法不同，该写的内容也不同。下面实际把一张画以3种方式放置来比较。

alt 里写「这张图在这个位置传达了什么」

alt 文本是在图片无法显示的环境或朗读环境中，代替图片被读出的文字。该写的不是图片的外观，而是这张图在那个位置所传达的内容。W3C 的无障碍解说（WAI）指出，装饰用的图片应使用空的 alt；紧邻的文字已经说明了内容的图片，也可以使用空的 alt。

在题为「线上面试的准备」的文章标题下方，为营造氛围而放了这张画的情况。

这与整个属性省略不同。省略后，某些环境会读出文件名。写成空值，才是「有意判断为不需要说明」的表态。

放在「面试可以在家中参加」这一说明旁边，画面本身传达了「在家里用电脑参加」的情况。

写出所传达的内容

<img src="interview.webp" alt="在家中的书桌前用笔记本电脑参加面试的情形">

画是说明的一部分，所以写出画所传达的内容。不写画风和颜色。

在图下方加了「在家中的书桌前用笔记本电脑参加面试的情形」这一图注的情况。如果 alt 也写同样的内容，朗读环境中同一句话会连读两遍。这时 alt 留空。

照搬素材页面的说明

<img src="interview.webp" alt="线上面试插画">

这是面向寻找素材的人写的说明，与放置位置的语境无关。「插画」一词在朗读时也是多余的。

堆砌搜索关键词

<img src="interview.webp" alt="面试 插画 免费 线上面试 远程办公 跳槽">

在朗读环境中只会读出一串词语。为了搜索而写 alt，就偏离了本来的目的。

多数情况下一句话就够。需要详细说明的图表，请把说明写在正文中，让 alt 指向那里。alt 中放入长文，在无法中途停止的朗读环境里会成为负担。

本站的素材备有日语、英语、中文、韩语的说明文，但那是为了便于寻找素材。放到自己的网站上时，请像上面那样，按放置的语境重新撰写。

※以上为2026年9月撰写本文时的信息。