无障碍图片与SEO：按上下文选择alt

发布 · 更新 · 搜索优化与可见度 · 2 分钟阅读 · 作者 Cyber Intelligence Embassy

内容摘要

文字替代应传达页面中的有用信息或操作。同一图片可能因用途不同，需要不同说明或空alt。

存放档案和地图的无人情报档案室
本文目录

先判断角色再描述

上下文比罗列细节更重要。空alt不等于缺少属性。复杂图表的数据与关系还应以文字或表格提供。

用途文字替代补充
重复性装饰alt=""附近文字已足够。
简单信息简短且符合上下文的描述不添加无关关键词。
仅由图片组成的链接目的地或操作链接名称应易懂。
复杂图表主题与要点以文字提供数据及关系。

检查实际体验

  • 只有图片的链接应说明目的地或操作；已有充分链接文字时不要重复。
  • 不要仅在title中放置关键指示，键盘、触控和辅助技术不一定可靠呈现。
  • 检查各语言及无图片时的操作。优化尺寸与加载，不要一律延迟主图。

同时核对可发现性与权利

文件名或标记不保证索引或排名。确认使用权后再声明许可，并保留必要署名。明确标识合成插图，不把它当作纪实证据。

一手资料

替代文本取决于图像的用途。

描述性替代文本并非总是最佳选择。冗余的装饰性元素可以留空替代文本；链接的图像应明确其指向的目标；复杂的图表也需要详细描述。请在图像的实际页面上下文中查看图像。

  • 在编写文本之前，对装饰性元素、信息和功能进行分类。
  • 将图表关系放在附近的文本或表格中。
  • 避免使用关键词列表，也避免将虚构场景描述为真实证据。

一手资料：W3C WAI — An alt Decision Tree. 相关方法：阅读实用指南.