网站上的图片和图标可以增加访问者的上下文体验。它们有三个用途:纯粹的装饰,可操作的(例如,搜索字段上的放大镜),或者传递信息(例如,显示人口增长的图表)。
使用alt图像标签乍一看似乎相对简单。然而,对于经常依赖屏幕阅读器技术来有声地回放屏幕内容的盲人和视障人士来说,图像可能是一个很大的问题。当照片或图标缺少一个有意义的替代文本(称为“alt文本”)时,屏幕阅读器可能会读出“image623.jpg”(或其他同样没用的文件名)。即使是像“美国人口增长图表——2015年至2019年”这样的alt文本也不能描述图表的结果,因为有些人实际上看不到图表。对于盲人和视障人士来说,这两种情况都可能令人沮丧,但这种情况很常见。
使用清楚,容易理解的alt文本是相当直接的。大多数内容管理系统都提供了一个alt文本字段作为图像放置或编辑器工具的一部分。纯装饰的图像应该用null(空)alt文本(alt= ” “)来标记,以便被屏幕阅读器忽略。然而,在使用图像来解释信息的情况下,alt文本必须不仅仅是描述图像是什么,而是实际传达图像的内容。例如,图表图像的alt文本应该是“显示2015年至2019年美国人口增长5%的图表”。
使用清晰,容易理解的alt文本将提高你的网站的屏幕阅读器的可访问性。和alt文本-当应用正确-也是一个机会,以改善你的SEO。然而,在alt文本中过多使用关键字会被搜索引擎认为是关键字填充,更不用说让屏幕阅读器用户感到厌烦了。如果你的关键字不适合和自然流动到你的alt文本,可能是时候重新评估你的关键字或你选择的图像或图标。