c

通过对图像和文本的更多控制提高可访问性

作为我们的一部分继续工作为了让webflow构建的网站更容易访问,我们对如何创建、管理和自定义网站上的图像文本进行了更新。

以下是这些更新的快速列表,每个更新的细节如下:

  • 设置默认图像alt文本直接在资产管理器确保他们有描述性的Alt文本添加到您的网站
  • 将图像设置为“装饰性”要指定它们在语义上不能被屏幕阅读器“读取”
  • 覆盖每个图像实例的默认alt文本为了一个额外的控制水平

设置默认图像alt文本在资产管理器

直接在资产管理器中设置默认图像alt标签。
设置默认图像alt文本直接在资产管理器。

在这些更新之前,每次在站点上放置图像时,都需要设置图像替换文本。但是,如果一个图像出现在多个页面上,这个过程可能会重复,所以我们直接在资产管理器中添加了图像替换文本控件,这样您就可以在前面设置默认的描述性替换文本。

一旦这些默认的图像alt文本设置,他们将自动添加的图像,当你把它放在你的网站上

将图像设置为装饰性

直接在资产管理器中设置默认图像alt标签。
直接在资产管理器中设置默认图像alt标签。

作为这次更新的一部分,我们还添加了一个新选项来指定图像为装饰,这意味着它们不向页面内容添加信息。设置为装饰性的图像会有一个空的alt标记,因此屏幕阅读器会忽略它。

您可以在资产管理器中直接将图像设置为装饰性的,或者在您将图像放置在站点上的每个实例的设置中。

覆盖默认图像替换文本

覆盖默认的alt标签文本为每个图像从他们的设置。

最后,为了确保您对每个图像的alt文本有完全的控制,您可以通过它们的设置覆盖资产管理器中设置的每个图像的默认值。

什么是未来

我们仍在更新CMS集合中如何处理图像的alt文本,并将随着我们在这方面取得进展而共享更新。

我们已经添加了新的控制管理图像alt文本,让您更有效,并彻底确保您的网站图像是屏幕阅读器可访问。

其他

资产管理

特性

Baidu
map