跳转到内容

数字可访问性

链接的图片

有些图像被用作链接或按钮。当图像的主要功能不是传达视觉信息时,alt文本应该描述链接的目的地或按钮的功能,而不是视觉图像。

为链接图像编写Alt文本

链接图像无论如何都需要alt文本,并涉及一些额外的可访问性考虑因素。

1.不要将链接的图像标记为装饰性的。

WCAG AA级标准要求Alt文本的任何图像作为链接。即使图像在其他情况下被认为是装饰性的,如果图像是一个链接,您也需要编写alt文本。

2.考虑周围的文本。

不要在图像周围重复任何文本,特别是附近的任何链接文本。相反,描述图像所传达的额外视觉信息。

3.包括图像中的任何和所有文本。

您必须包括图像中的所有文本,就像您在其他任何时候写入alt文本一样。

4.避免在alt文本中说“链接到”或“点击到”。

屏幕阅读器会自动识别所有链接,显示“链接”或“可点击的图形”。使用“链接到…”或“点击到…”这样的词对于那些使用屏幕阅读器浏览页面的人来说是多余的和令人困惑的。

示例:链接图像的Alt文本

  • 从校园住房选择的图像网格中链接林肯650号的图像。这座建筑被描述为高年级学生的公寓,靠近斯特罗姆·瑟蒙德健身中心。

描述图像

1.考虑周围的文本。

图片附近的文本链接显示了建筑的名称,后面的文本给出了一个简要的摘要。不要仅仅在此链接图像的alt文本中重复此信息。

2.包括图像文本。

图片确实识别出这栋建筑是650林肯,所以虽然你不会重复建筑的名字,但你应该把它作为你的替代文本的自然部分。

3.描述图像在视觉上传达的信息。

如果概要和建筑名称足以描述这个宿舍楼,你根本不需要房子的照片。照片更直观地传达了你需要通过alt文本描述的东西

图像传达的信息
在这种情况下,图像传达了这个宿舍楼是什么样子的,以及住在那里可能是什么样子的,特别是与大学里的其他选择相比。它告诉学生为什么他们可能会或可能不会选择这一种住房而不是另一种。alt文本应该捕获该消息,否则对于那些不能看到图像的人来说是不可用的。

Alt文本示例

糟糕的Alt文本:650林肯链路

清晰,描述性的Alt文本:前景是林肯大道650号的标志,在一栋多层公寓楼前有小树和大片绿地。


挑战传统。创建例外。没有限制。

©
Baidu