图片可能需要不止一种描述。放置说明会告诉网站构建工具如何使用图片。可见说明文字会向读者解释相关背景。替代文本则会向看不到图片的人传达重要的视觉含义。这些用途可能有所重叠,但不能相互替代。
告诉网站构建工具你的意图
描述图片展示了什么,以及你为什么要添加它。例如:“这是我修复的椅子。请将它放在修复项目旁边,位于修复前的图片之后。”如果裁剪方式有需要注意的偏好,也请一并说明。不要要求网站构建工具推断事实未能证实的客户认可、地点或产品规格。
使用说明文字交代背景
说明文字可以标明项目名称、日期,或解释图片展示的是哪个阶段。它应当补充有用信息,而不是重复标题。如果图片展示的是虚构概念或练习项目,请清楚标明这一背景。发布前请核对名称和日期。
描述含义,而不是每个像素
替代文本应传达图片在当前语境中的作用。项目照片可能需要简短描述已完成的作品。装饰性图案可能适合使用空替代文本,以便跳过它。如果图片包含重要说明或价格,也应将这些信息作为实际的页面文本提供。
结合所在部分进行检查
将标题、段落、说明文字和图片描述放在一起阅读。删除重复措辞,以免页面浏览起来令人疲惫。检查图片无法加载时,访客是否仍能理解关键信息。不要声称图片证明了它实际上并未展示的内容。
在 VollSite 中添加图片时,请说明图片的用途,并在所请求的更改完成后检查生成的图片放置效果。请另行保存原始文件,并且只使用你有权发布的材料。如需了解基础无障碍指南,请参阅 https://web.dev/learn/design/accessibility。自动检查可以发现一些缺少描述的图片,但仍需由人判断措辞是否传达了正确的含义。