如果有人仅仅因为无法查看或下载图像而无法访问您的组织在网站、博客、社交媒体或数字文档上共享的重要信息,该怎么办?
这个问题有一个简单的解决方案,称为替代文本。但你可能根本没有这样做,或者在应该这样做的地方都没有这样做。
为什么替代文本很重要?
当您使用图片在线共享内容时,您需要提供替代文本,通常称为 alt 文本。替代文本描述图片中显示的内容及其功能(如果有)。一旦您了解了编写替代文本的最佳实践,它就会为您的在线内容工作流程增加很少的时间和精力。
使用替代文本的最重要原因是让有视力障碍和其他残疾的人能够访问在线信息。当一个人看不到图像时,屏幕阅读器和其他辅助技术 会大声朗读替代文本。联邦机构可能需要使用替代文本来满足可访问性标准,而其他机构可能必须遵守当地的可访问性法律。
史蒂夫·旺德说:“我们需要让每件事物都对每一位残障人士都方便”
尽管使用替代文本对于提高网站可访问性至关重要,但替代文本的作用不仅仅在于 可访问性。许多其他人可能无法查看您的图片,从而错过重要信息。有些人可能已关闭电子邮件或浏览器中的所有图片。其他人可能卡在互联网连接速度太慢而无法下载图片上。
使用替代文本还有另一个重要的好处。它可以增加您的网页内容出现在相关互联网搜索结果中的机会 ,这种做法称为搜索引擎优化 (SEO)。现在,如果您想将无关紧要的关键字塞入替代文本中,以期为您的网站带来更多流量,请不要这样做。搜索引擎公司对关键字填充很了解,可能会惩罚您的网站。
替代文本属于哪里?
虽然您通常不需要编写代码来使用替代文本,但了解一下它的工作原理还是很有帮助的。如果技术细节是您的弱点,请跳到下一部分。
图像标签 是 HTML 代码的一部分,用于告诉互联网浏览器显示哪个图像。它以这样的方式开始:<img 图像标签有许多部分,称为属性。每个属性都会告诉浏览器和其他软件有关图像的一些信息。图像标签将始终包含 源属性( src= ),该属性会告诉浏览器在哪里找到图像文件。
另一个图像标签属性(也是本讨论中重要的属性)是alt 属性 ( alt= )。 alt 属性指定 图像的替代文本,通常称为alt text。您可能会看到 alt text 称为alt tag,但这是一个令人困惑的误称,我们将在本文中避免使用。
放在一起,代码看起来就像这样:
<img src=”image.jpg” alt=”图片描述”/>
如何在网站和博客上使用替代文本
您的网站或博客可能使用内容管理系统 (CMS)。优质 CMS 将包含一个图片上传器或媒体库工具,其中包含一个可输入替代文本的字段。然后,CMS 将生成图片标签及其所有属性。您通常可以为上传到网站的任何类型 哈萨克斯坦手机号码格式 的媒体(包括照片和视频)添加替代文本。
以下是在 WordPress 媒体库中添加替代文本的位置:
在 WordPress 媒体上传器中添加替代文本的位置的屏幕截图
如何在电子邮件中使用替代文本
您应该假设大多数人不会看到您电子邮件中的任何图片。主要是因为许多电子邮件客户端默认会屏蔽所有图片。或者,人们可能无法看到电子邮件中的图片,因为他们的互联网连接速度很慢或视力受损。
大多数人都会在您的电子邮件中看到这种空白区域,而不是您想要的图像:
截图中大部分是空白区域,角落里应该出现图片的地方有一个小红叉

太糟糕了,不是吗?但是,如果您 为电子邮件中的图像指定替代文本,则当图像不出现时,人们将通过文本获取信息。这也是为什么撰写包含有用且有趣的书面内容的电子邮件很重要的原因。
如何在社交媒体中使用替代文本
随着社交媒体分享越来越注重视觉效果,社交媒体公司开始为图片添加可访问性。虽然实施情况并不完善,但终于取得了进展。
2016 年 4 月,Facebook 为 News Feed 中分享的图片推出了自动替代文本 。虽然默认提供 多种语言的替代文本 是一个积极的举措,但也存在一些限制。Facebook 不允许图片或视频的创建者编辑机器生成的文本。没有能够运行 Facebook 应用的 Android 或 iOS 手机的用户无法使用替代文