alt标记

什么是alt-tag?

alt标签是添加到网页图像上的描述。

它是做什么的?

alt标签是当用户看到图像时屏幕阅读器大声读出的描述。这有助于确保没有人会错过页面的内容——即使他们看不到它。

怎样做一个好的alt标签?

让我们看一个例子:

两名穿着毕业礼服的UA学生和阿克伦大学的吉祥物Zippy站在一起betway苹果

一个很好的alt标签:

“两个穿着毕业礼服的UA学生微笑着站在春天的外面,和阿克伦大学的吉祥物——Zippy在一起。”betway苹果

这个描述告诉我们关于照片的一切——他们是谁,他们在做什么,照片的背景,拍摄时间等等。即使无法看到图像,用户也可以很好地了解照片中发生了什么。

需要修改的Alt-Tags:

  • (空白)
    • 将图像描述保留为空白意味着屏幕读取程序没有可用的内容。
  • 文件名为- 050811109.jpg
    • 它可能对您有意义,但文件名不会帮助我们的用户。
  • “UA学生”
    • 技术上是正确的,但忽略了图像的背景。一些额外的文字可以为照片增加很多的意义,使它更有用。

我的alt标签描述应该有多长?

最流行的屏幕阅读器将替换文本删除到125个字符左右。

我们在哪里添加alt标签?

当将图像添加到dotCMS页面时,将文本添加到图像描述字段:

向网页添加图像的dotms提示的截图