卡梅伦学生在校园里摆姿势拍照

替代文本

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

关键原理是计算机和屏幕阅读器不能分析图像并确定图像呈现的内容. 作为开发人员, 文本必须提供给用户,其中呈现的内容和功能的图像在您的网页内容.1

Alt文本示例

看看图片的内容.

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

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

如果是,如果图像被删除,视力正常的人可能会失去一些信息. 最小的文本,如“周期图的云顶集团|云顶集团有限公司”将是足够的.

先进的图像

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

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

2“替代文本”,可访问的课程材料. 塔尔萨社区学院,2014年. 2015年4月27日. http://www.sites.google.com/site/accessiblecoursematerials/images/alt-text