为什么让图像具有可访问性?

这句话, “一张图片胜过千言万语”, 表达了图像如何比文字更好地传达信息.  对于那些依赖屏幕阅读器的人来说,需要在图像中添加描述.

有几种方法可以在图像中添加描述以使其易于访问. 最流行的两种方法是替代文本和长描述. 下面的指南将帮助您用文本解释图像,并解释哪种选项最适合哪种类型的图像.

添加替代文本或长描述的示例图像.

了解更多关于创建可访问内容的信息 主动无障碍认证工作坊 系列.

使图像易于访问:什么不起作用

下面的列表包含了使图像无法访问的最常见问题以及如何避免这些问题的快速步骤:

  • Providing images with little to no context; images without context can be difficult to perceive for many users.
    • 相反:用标题和标题来创建上下文,以更好地介绍图像
  • Relying on auto generated alternative text; some programs will generate alt-text that is often inaccessible
    • 相反:手动添加替代文本以确保准确性
  • Having images with Word Wrap (where text wraps around the image); screen readers might read the image in the incorrect place in the text.
    • 相反:插入图像与文本对齐.
  • Using color as the sole indicator; colors are not perceived in the same way by all and should be supported
    • 相反:使用模式和其他视觉线索来表明意思
  • Including complex images without extended description; images like infographics convey a lot of information that is inaccessible to screen readers
    • 相反:添加图像的文字描述,传达图像的全部价值
  • Including pixelated images; when images are “stretched” they become pixelated making them more difficult to view.
    • 相反:在将图像添加到内容之前,在适当的程序中调整图像的大小

如何编写alt文本

编写替代文本似乎令人望而生畏, 但是,在为图像编写替代文本时,有一些基本的事情要记住.

注意和有意义的图像使用

  1. 确定图像值:太阳城娱乐是否需要这个图像?
  2. 评估上下文和目的:图像是信息还是装饰? (装饰性图像不提供上下文价值.)
  3. 客观描述:所呈现的内容?
    1. 抛开偏见,根据整体背景来描述图像.
    2. 除非相关,否则不需要描述颜色、灯光和其他细节.
    3. 人:避免假设性别、种族等. 如果可以的话,总是使用一个人的首选描述符. 使用视觉描述,如“深色皮肤”或“浅色皮肤”.这是理解内容所必需的, 性别可以描述,但不应作任何假设. 欲了解更多信息,芝加哥当代艺术博物馆有一个很好的页面 美术描述指南(外部链接,在新选项卡中打开).
  4. 简洁:两句话(或125-150个字符)?
    1. 如果需要的描述超出alt文本所能容纳的范围,则可能需要追加或链接到 长描述 文档或页面.

所以要记住:价值、背景和目的、客观表述、简洁.

深入挖掘这些额外的资源(外部链接)