数字无障碍指数:了解世界领先品牌在可访问性方面的不足之处。

请参阅报告

8个常见的图像替换文本错误停止制作

2020年3月17日

当替代文本,或使用描述图像的文本以及其他非文本内容,都做得很好,它提高了您的网站和您的搜索引擎优化。辅助技术用户将更深入地了解您的网站内容,其搜索能力也将提高。当搜索引擎扫描您的站点时,它将能够读取并索引alt文本,最终提高您的搜索排名。

但是你如何写好备选文本呢?通过避免这些常见陷阱,您将领先于游戏:

1.使用“图像”一词

最常见的错误之一是在描述图像之前在alt文本中使用单词“image of”或“graphic of”。屏幕阅读器为我们处理这项工作。它们被编程为识别计算机屏幕上的图像,并会说“图像”或“图形”,将描述留给我们。

然而,有时描述图像的类型是合适的,但前提是必须准确描述图像。例如,小猫玩纱线球的图像可以是插图或绘图,在这种情况下,alt文本可能会显示为“小猫玩纱球。插图”。图表、图形和饼图是其他特定类型图像的示例,它们的内容可能是对最终用户至关重要的信息。

2.不重复图像中包含的文本

图像中的文本必须在alt文本中进行描述。例如,广告通常在图像中包含文本。广告通常包含描述产品的文本,这对于理解图像的内容至关重要。对于包含大量文本的图像或更复杂的图像(如图表),可能需要在图像的alt属性之外包含额外的长描述。

3.包括装饰图像或项目的alt文本

不提供额外上下文或内容的装饰项目(如分隔符或设计项目)不需要alt文本。它们不会添加到用户需要的信息中,并且在使用屏幕阅读器阅读时,它们没有意义,或者没有必要。考虑图形的用途,以及alt文本是否会提供任何信息、好处或感觉。

但请记住,仅仅因为图像不需要alt文本并不意味着您可以忽略它。请指示辅助技术跳过具有空alt属性的图像。

4.在标题和alt文本中重复相同的文本

虽然alt属性中的alt文本适用于提供图像的简短描述,但字幕对于较长的描述、复杂的图像和照片库可能很有用。有时,图像最好同时具备这两种功能。复杂图像(如图形)可能需要简短的alt文本描述和较长的标题,以说明图形的用途或数据。

有视力的用户可以看到标题,但可能并不总是包含图像的描述性元素。虽然alt文本和标题有不同的用途,但它们有时会重叠。出于这个原因,这两者绝不应包含相同的文本。当屏幕阅读器扫描网页或文档以大声朗读文本时,屏幕阅读机用户会重复阅读文本。

5.使用“公司徽标”作为alt文本

这一个非常具体,但它太常见了,需要被叫出。无论您的公司徽标出现在网站上的什么地方,您都应该在alt文本中包含公司名称。写“公司徽标”是通用的,没有说明性的,当用屏幕阅读器访问时,留下的信息很少。

6.不使用简单语言

当你可以说“使用”时,为什么要说“利用”?使用简单的语言可以提供一定程度的简洁性和可访问性,这对许多人都有帮助。此外,如果图形不复杂、不科学,或者不适合特定受众(如医学期刊),那么将该信息的alt文本变得更复杂或更复杂没有任何价值。

7.未使用正确的拼写或标点符号

标点符号很重要。包括句点和逗号可以让屏幕阅读器以更自然的方式阅读,为分隔思想、段落或其他内容提供适当的停顿。拼写也是如此。拼写错误的单词无法正确阅读,甚至可能具有不同的含义。正如您小心地编辑屏幕上的内容以获得正确的拼写和标点符号一样,对alt文本也要这样做。

8.从不查看或更新文本

只要审查屏幕上的内容,就应该审查备选文本。上次活动的横幅广告消息更新时,alt文本是否更新了,或者它是否向某些用户提供了过时的信息?当您的公司重新命名或通过网站重新设计,是否更新了alt文本以跟上?确保所有文本的准确性和最新性对您的信息、声誉和风险管理至关重要。

来帮忙

您是否对可访问性是全新的,并且想知道 从哪里开始,或者你已经准备好了 联系我们 关于维护数字合规性的自定义选项,我们将帮助您实现所有可访问性计划。

使用我们的免费网站可访问性检查器扫描您的网站是否符合ADA和WCAG。

技术支持

最近的帖子

为什么Web可访问性不会对您的业务构成威胁

2024年6月6日

我真的需要音频描述来符合ADA吗?

2024年5月22日

UI运动和可访问性:设计师小贴士

2024年5月14日

不知道从哪里开始?

从免费分析网站的可访问性开始。

开始吧