我需要在每个图像上都包含alt属性吗?

智能甄选 2018-02-03 12:24:02

我们查看了web开发和设计的基础之一,使用alt属性对HTML进行样式化,以及为什么这是如此重要。

如果你的页面上的图片没有任何目的,你可能很难找到有意义的alt文本,所以把alt属性从图像标签中去掉是很常见的:

<img src="background.jpg" />

除了这个技术上是无效的HTML之外,这对于那些从alt文本中获益的人来说是没有用的。

一些用户将依赖屏幕阅读器来描述页面内容。当你为图像添加alt文本时,它会告诉他们图像是什么。

<img src="search.jpg" alt="Search Button" />

有些图片被归类为装饰性的,意思是它们没有传达任何意义或目的。如果它们只是装饰,你实际上希望屏幕阅读器完全忽略它们,因为它只是用户不必要的噪音。

为了让屏幕阅读器忽略图像,提供一个空的alt属性。这告诉屏幕阅读器跳过它:

<img src="stars.jpg" alt="" />

您可能认为不提供alt属性会导致屏幕阅读器跳过图像,但事实并非如此。因为您还没有给出关于图像是否具有装饰性的浏览器说明,它通常会声明一个图像在那里,并且可能告诉用户文件名,这是令人困惑的。

在你的图像标签上总是包含一个alt属性!

0 阅读:3
智能甄选

智能甄选

技术交流、资源共享,是程序员的网上乐园。