2020-12

04

高端网站建设谈谈Alt标签
  • 类型:专业观点
  • 编辑:Angle
  • 来源:www.szniegoweb.com
  • 你当前位置:首页 - 尼高动态 - 专业观点
    到目前为止,大多数高端网站建设行业都知道可访问性的重要性。我们不断地谈论它,并恳请我们的客户认真对待它。无可否认,它对网络以及使用网络的人产生了影响。但是有时候,更好的点会在洗牌中丢失。例如,我们经常听到虚拟山顶上的尖叫声:“在图像上使用替代文字!”。这是好主意。尽管如此,它还是有点模糊。

    很高兴知道alt属性在可访问性方面可能是有益的,但我们真正需要的是上下文。使用它们的正确方法是什么?有时候我们不应该使用它们吗?这些问题的灵感来自我与一些设计师和开发人员的Twitter对话。这让Angle意识到,Angle并不是唯一一个有时会为如何建立适合用户的网站而苦苦挣扎的人。

    今天,品牌官网建设Angle将尝试阐明此重要属性的正确用法。让我们开始吧!


    高端网站建设


    意象的角色变化
    多年来,网页设计师利用图像的方式已经发生了很大变化。在网络的早期,图像以我们现在可能不会想到的方式使用。我们将它们用作页面标题,导航系统,甚至是充满内容的整个页面。对于依赖屏幕阅读器或其他辅助技术的用户,这可能导致页面无法使用。在大部分内容显示为图像的情况下,即使是简单的alt属性也无济于事。值得庆幸的是,已经学到了一些重要的教训。高端网站建设的爆炸式增长消除了过去与设计有关的任何滥用图像的原因。随着可访问性成为最前沿,许多人现在意识到图像具有特定的作用。

    替代文字的重要性
    理所当然的理由是,更聪明地使用图像应该可以带来更好的可访问性。尽管这在一定程度上是成立的,但我们仍然有能力将事情搞砸。如果使用正确,则可以在其中输入替代文本并节省时间。记住自己单独使用alt属性并不一定给用户带来很多好处。例如,假设我们有一个标题标签,上面写着“关于我们”。下面是公司员工的合影。如果我们只是将alt属性设置为alt=“About Us”,则在通过辅助技术读取时,它将变得多余。因此,它并没有真正告诉用户图像是什么或意味着什么。那么,我们应该使用什么呢?很大程度上取决于页面本身的内容以及其中图像的角色。但是这带来了另一个潜在的混乱点。

    幸运的是,W3C有一个有用的指南,可以将图像分解为不同的概念:
    • 内容丰富
    • 装饰性
    • 功能性
    • 文字图片
    • 复杂
    • 图片组
    • 影像图
    该指南对每个概念进行了简要说明,并提供了示例,可以帮助您确定提供替代文本的最相关路径。如果仍然不确定,请查看替代决策树以获取更多指导。

    并非总是必要的吗?
    W3C指南中最有趣的信息花絮之一是,并非所有图像都需要alt属性。但是请稍等。那么所有那些每次都使用alt的调用又如何呢?我们不忽略可访问性吗?事实证明,对于装饰性图像(不向页面添加任何信息),alt属性变得不必要。在这些情况下,提供替代文本可能会“在屏幕阅读器输出中添加可听的混乱”。因此就像缺少空白会导致混乱的视觉页面布局一样,多余的文本也可以对那些依赖这些工具的人起作用。对于网站设计人员而言,使之困难的是,自动可访问性工具(例如WAVE标记图像)在读取页面时没有替代文本。即使是Google,也可能向您发送烦人的电子邮件,抱怨您无法查看特定的图像。这迫使我们填写属性,只是为了通过自动化测试。因此,我们需要一心一意地得出这些结果,并在必要时向客户说明情况。碰巧空alt属性在特定情况下可能是有益的。

    关于帮助用户
    在对如何使用alt属性进行一些研究时,我意识到我经常采用错误的方法。我怀疑很多高端网站建设工作人员都做过同样的事情。在某种程度上,这是可以理解的。这个属性已经存在很长时间了,但并不令人兴奋。它是功利主义者,并不总是摆在我们的脑海中。但是对于许多用户而言,它至关重要。考虑到并不是每个人都能轻易看到我们集成到页面中的图像。对于这些人来说,alt属性在那里有助于将上下文带到他们正在使用的内容中。随着我们构建一个越来越复杂的网站,这是要牢记的。