什么是替代文本(alt text)?

替代文本是挂在图片上的一句描述:屏幕阅读器会把它念出来,图片加载不出来时也会显示它。它要讲清楚这张图是什么、为什么放在这里。

为什么开店的人要在意

开店的网站有一大半是照片:店门口、餐品、空间、上个月做完的案子。对用屏幕阅读器的客户来说,对搜索引擎也一样,这些现在全是空白。你卖得最好的那道菜,如果只出现在照片里,照片以外的世界就不知道它叫什么。这也是店主自己一个下午做得完的无障碍修正。建站时你会从 40 个行业模板其中一个开始,第一版里的照片谁的店都不是;15 种设计风格只会改变照片怎么裁切、怎么摆,没有一种会替你把描述写出来。换上自己的照片时,顺手把描述一起写掉。

一张图该怎么写

  1. 先问这张图放在这里是要做什么。店门口的照片是帮人认路:「永康街店门口,绿色遮阳棚下有户外座位」。餐品照片是在卖东西:「白瓷碗装的红烧牛肉面,配一小碟酸菜」。写这个,不要写「照片」。
  2. 一句话就好,不要用「一张……的图片」开头——屏幕阅读器本来就会先说这是图片。图片里如果有文字(价目、公告、招牌上的字),一定要打进去,因为没有别的地方读得到。
  3. 纯装饰的图就留空:分隔线、背景纹理、重复出现的小图标。留空等于告诉屏幕阅读器跳过它,比让人连续听四十次「装饰线条」好。

常见的误解: 把关键词硬塞进替代文本,而不是描述那张图——听的人得到的信息更差,而这恰好是搜索引擎特别会忽略的写法。