Cameron Students posing for a picture on Campus

替代文本

替代文本,有时被称为alt文本或alt标签,在网页中提供非文本内容的文本替代。

关键原理是计算机和屏幕阅读器不能分析图像并确定图像呈现的内容。作为开发人员,必须向用户提供文本,以呈现web内容中图像的内容和功能

Alt文本示例

看看图片的内容。

  • 它是否提供了周围文本中没有的额外信息?
  • 如果图像丢失了,一个视力正常的人会失去任何需要的信息吗?

如果没有,即使图像被删除,视力正常的人也不会丢失任何信息。在这种情况下,图像仅仅是周围文本的视觉表示。null alt文本就足够了。

如果是,如果图像被删除,视力正常的人可能会失去一些信息。最小的文本,如“周期图的卡梅伦大学”将是足够的。

先进的图像

如果复杂图像(如图表、图形或地图)的等效替代方案不能局限于简洁的alt属性,并且没有在页面内容(如相邻数据表)中显示,则应该在其他地方提供替代方案。这通常是通过链接到提供更长的描述的单独网页来完成的。链接可以与图像相邻,也可以将图像本身链接到长描述页面。图像的替代文本仍然应该描述图像的一般内容

1“替代文本”,Web AIM:考虑到Web可访问性。2015年4月22日发布。https://webaim.org/techniques/alttext/