我们查看了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属性!