跳转到主要内容
所有收藏最佳实践
为图像添加替代文本:最佳做法
为图像添加替代文本:最佳做法
Emily van der Harten avatar
作者:Emily van der Harten
超过 4 个月前更新

这篇文章是使用机器翻译从英文翻译而来的。

屏幕阅读器等辅助技术使用替代文本(也称为替代文本)向盲人或视力不佳的人描述图片。当由于互联网带宽较低而无法正确加载图片时,以及当有人隐藏网站上的图片以减轻认知负担时,也会显示替代文本来代替图片。

Webex Events允许您在我们的平台上向图像添加替代文本,以便每个人都可以公平地参与所有活动体验。本文向您展示了如何向图像添加替代文本,并提供了编写有效替代文本的提示和资源。

为什么要在图像中添加替代文本?

编写有效的替代文本是一项值得学习的技能。熟能生巧,尝试总比什么都不做要好得多。我们强烈建议为每张图片添加替代文本,或在适当的情况下将图片标记为装饰性。如果您什么都不做,您的内容将无法被各种用户访问。同样,屏幕阅读器将改为读取图像文件名,这可能会导致令人沮丧和不愉快的用户体验。

替代文本提示

在我们学习如何在Webex Events平台中添加替代文本之前,本节将重点介绍几种不同类型的图像,概述编写替代文本的技巧,并提供来自 Web 无障碍计划 (WAI) 的资源来帮助您了解更多信息。

图像类型

不同类型的图像需要不同类型的替代文本。以下是您可能添加到平台各个部分的常见图像类型:

  • 信息丰富的图片- 包含信息的图片有助于理解页面上传达的概念。如果人们看不到图片,他们就会错过关键信息。这些图片需要替代文本。

  • 装饰性图片- 不会为页面传达的内容添加任何其他信息的图片,例如背景图片。这些图片可以标记为装饰性图片。

  • 功能性图片- 也链接到其他目的地的图片。这些图片需要包含链接目的的替代文本。例如,如果您有一个横幅图片内部链接到赞助商功能,请在替代文本中包含此信息,以便人们知道会发生什么。

  • 文本图像 - 包含信息性文本的图像。此类图像所传达的信息需要有文本对应,通常写在替代文本中。

编写替代文本的提示

  • 保持替代文本简短。我们建议不要超过 1-2 句话, Webex Events平台将替代文本限制为 250 个字符。

  • 结合周围环境描述图像。问问自己:“人们需要了解关于这幅图像的哪些基本信息?”您的目标是提供与图像所传达内容等同的文本。

  • 如果您的图片包含文本,则该消息也需要以文本格式存在,可以在替代文本字段中或相邻的描述中。例如,您可能有一个横幅图片,其中包含有关会话的一些信息。屏幕阅读器无法读取嵌入到图片中的文本,因此替代文本是添加文本等效内容的好地方。

  • 不要以“图片”作为替代文本的开头。屏幕阅读器通常会朗读图片,因此没有必要写“图片”。

  • 将图像标记为装饰性会告知屏幕阅读器忽略该图像并将其跳过。在以下情况下将图像标记为装饰性:

    • 该图像未添加任何额外信息或背景。

    • 图片在相邻的文本中描述,否则添加替代文本会造成重复。例如,个人资料图片下方的文本中显示名称“Serena Page”,不需要“Serena Page 的个人资料图片”这样的替代文本,并且可以将其标记为装饰性的。

替代文本资源

WAI 有大量资源可以帮助您编写清晰且有用的替代文本。

我可以在Webex Events中的哪里添加替代文本?

对于您上传到Webex Events平台的几乎任何图像,您都可以添加替代文本或将图像标记为装饰性图像。个人资料图像除外,这些图像会自动为您标记为装饰性图像。😸

💡 请记住,您只能在平台内手动上传图片时为图片添加替代文本。目前,导入数据时无法添加替代文本。

在Event App上,与会者可以为他们发布到 Wall 功能的图像添加替代文本。

如何在Webex Events平台中添加替代文本

  1. 将图像上传到Webex Events平台时,单击“预览”步骤中的添加替代文本按钮。

    预览模式中的添加替代文本按钮。
  2. 在“添加替代文本”模式中,在替代文本字段中输入图片的简短描述,最多 250 个字符。如果图片是装饰性的并且不添加任何信息价值,只需选中“图片是装饰性的”框而不添加替代文本。

    1. 在以下示例中,图像包含文字“主题演讲者 Janet Watson。联合国能源部全民可持续能源主席。”,因此我们将此确切文字添加到替代文本字段。

      刚才在添加替代文本模式中描述了这个示例。
  3. 单击“保存”

  4. 单击“上传”完成。

💡 请注意,无法在Webex Events平台上编辑图像上的替代文本。如果您需要更改替代文本,则必须重新上传图像并在上传过程中添加更新的替代文本,如前所述。

与会者如何向 Wall 帖子添加图片替代文本

将图片作为 Wall 帖子一部分上传的与会者可以在将图片发布到 Wall 之前添加替代文本。

Web App 用户单击“预览”步骤中的添加替代文本按钮,添加替代文本或将图像标记为装饰性,单击保存,然后单击上传

Web 应用上的添加替代文本模式。替代文本显示:

移动应用程序用户只需点击图片右上角的“+Alt”按钮,输入图片的替代文字,点击“完成” ,然后点击“发布”

刚才描述的过程。

现在您已经了解了替代文本!为什么不进一步了解如何使用协作表单节省时间呢?

有疑问?请与我们聊天或发送电子邮件至 support@socio.events

这是否解答了您的问题?