把下载的素材放到网站上时,常会犹豫 alt 属性该写什么。把素材页面的说明文照搬过去未必是最好的做法。本文整理该写什么、在哪些地方不写。

alt 里写「这张图在传达什么」
alt 文本是在图片无法显示的环境,或在朗读环境中代替图片被读出的文字。该写的不是图片的外观,而是这张图在那个位置所传达的内容。
也就是说,比起「身穿蓝衣的女性在微笑的插画」,「负责人正在应对咨询的情形」在多数场合更有用。不过正如下文所述,也有本来就不该写的情况。
装饰用的图片留空
像放在文章分隔处的配图那样、并不传达内容的图片,请写成 alt="" 的空值。朗读环境会跳过它。W3C 的无障碍解说(WAI)也明确指出,装饰目的的图片应使用空的 alt。
这与整个属性省略不同。省略后,某些环境会读出文件名。写成空值,才是「有意判断为不需要说明」的表态。
不要与周围的文字重复
如果紧邻的标题或图注已经写了同样的内容,alt 留空即可,否则只是把同一件事读两遍。W3C 的解说对这种情况也是同样的处理。

不要照搬素材站的说明文
素材页面上的说明,是面向寻找素材的人写的,有时还包含画风和构图。照搬过去,在朗读环境中就成了多余的信息。按放置的语境重新写,才是本来的做法。
长度的标准
多数情况下一句话就够。需要详细说明的图表,请把说明写在正文中,让 alt 指向那里。alt 中放入长文,在无法中途停止的朗读环境里会成为负担。
不是为了搜索而写
有人把 alt 说成是堆砌关键词的地方,但那偏离了本来的目的。写得恰当的 alt 有可能顺带对搜索有帮助,但顺序一旦颠倒,就会损害朗读环境的使用体验。
关于 Visual Hub 的素材
本站的素材备有日语、英语、中文、韩语的说明文,但那是为了便于寻找素材。放到自己的网站上时,请按放置的语境重新撰写。若是作为装饰放置,空的 alt 就可以。