到目前为止,大多数网页设计行业都知道无障碍的重要性。我们不停地谈论这件事,恳请我们的客户认真对待这件事。无可否认,它对网络和用户的影响是不可否认的。
但有时更好的分数会在洗牌中丢失。例如,我们经常听到来自虚拟山顶的尖叫声“在图像上使用替代文本!”这是善意的忠告.不过,也有点模糊。
虽然知道ALT属性在可访问性方面是有益的,但我们真正需要的是上下文。什么是正确道路用它们?有没有时候我们不应该用它们?
这些问题的灵感来源于推特对话我和几个设计师和开发人员在一起。这让我意识到,我并不是唯一一个有时为如何建立用户正确的网站而苦苦挣扎的人。
今天,我们将试图澄清这一重要属性的正确用法。我们开始吧!
意象的角色变化
多年来,咸阳网页设计师使用图像的方式发生了很大变化。在早期在网络上,图像的使用方式我们现在可能不会想到。我们把它们作为页面标题,导航系统,甚至整个页面的内容。
对于依赖屏幕阅读器或其他辅助技术的用户来说,这可能会使页面无法使用。在大量内容显示为图像的情况下,即使是一个简单的ALT属性也没有多大帮助。
谢天谢地,我们吸取了一些重要的教训。网络排版的爆炸已经消除了任何与设计相关的误用图像的理由,就像过去一样。和AS可达性已经走到了最前沿,许多人现在意识到图像有特定的角色可以扮演。
备选案文的重要性
合理的理由是,更明智地使用图像应该会带来更好的可访问性。虽然这在一定程度上是正确的,但我们仍然有能力把事情搞砸。这是替代文本可以进来并节省时间--如果使用正确的话。
记住使用ALT属性本身并不一定会给用户带来很大好处。例如,假设我们有一个标题标记,它读取“关于我们”。下面是公司员工的集体照片。如果我们简单地将alt属性设置为alt=“About Us”,当用辅助技术读取时,它就变得多余了。因此,它并没有真正告诉用户图像是什么或者它意味着什么。
那么,我们应该用什么来代替呢?这在很大程度上取决于页面本身的内容和图像在其中的角色。然而,这带来了另一个潜在的混淆点。
谢天谢地,W3C有一个有帮助的指南将图像分解为不同的概念:
本指南提供了对每个概念的简要解释,以及可以帮助您确定提供备选文本的最相关路径的示例。如果你还不确定,看看ALT决策树寻求更多的指导。
不是总有必要吗?
W3C指南中最有趣的信息之一是,并非所有图像都需要ALT属性。
但是等一下。那么使用alt的所有这些调用呢?每一次?我们不是忽略了可访问性吗?
事实证明,在…的情况下装饰图像(它不向页面添加任何信息),就没有必要使用alt属性。在这种情况下,提供替代文本可以“增加屏幕阅读器输出的声音杂乱”。因此,就像缺少空白会导致混乱的视觉页面布局一样,这种额外的文本对那些依赖这些工具的人也有同样的作用。
让web设计人员感到困难的是自动化的可访问性工具,例如波在读取页面时,标记没有可选文本的图像。平谷歌可能会给你发一些恼人的电子邮件,抱怨在他们看来某张照片是无法访问的。这迫使我们填写属性,只是为了通过一个自动测试。
因此,我们有责任接受这些结果,并在必要时向客户解释情况。在特定的情况下,空的ALT属性可能是有益的。
这是为了帮助用户
咸阳网站开发公司在对如何使用ALT属性进行一些研究时,我逐渐意识到我采用了错误的方法。我怀疑很多设计师也这么做过。
在某种程度上,这是可以理解的。这个属性虽然已经存在了很长时间,但并不是非常令人兴奋的。这是功利主义的,并不总是摆在我们的面前。
然而,对于很多用户来说,这是至关重要的。考虑到并不是每个人都能很容易地看到我们集成到页面中的图像。对于这些人来说,alt属性的存在是为了帮助将上下文带到他们正在消费的内容中。
在我们构建一个越来越复杂的网络时,要记住这一点。