替代文本到底应该多长?

Avatar of Geoff Graham
Geoff Graham

DigitalOcean 为您旅程的各个阶段提供云产品。 立即开始使用 200 美元的免费信用额度!

我在长滩当地大学教授一门课程,大部分内容都托管在 Canvas LMS 上,以便学生可以线上访问。 当然,我希望内容尽可能地易于访问,所以感谢 Canvas 在其中内置了 a11y 工具。

但它并非完美无缺。 它像其他所有 a11y 工具一样做出假设,并遵循编程到其中的指南。 它不像 WCAG 一样,在更新时直接烘焙进去并更新。

我之所以会想起这件事,是因为 Jeremy 昨天 描述了他对撰写图像描述的热爱。

我喜欢写 alt 文本。 我最近描述了如何更新我自己的网站上的发布界面,以便将 alt 文本的 textarea 置于我的带照片笔记的中心位置。 从那以后,我一直享受着撰写有用且引人入胜的 alt 文本的创造性挑战。

我认同这一点! 撰写 alt 文本是一项挑战,需要在技术和创意之间进行微妙的平衡。 这既是使内容更易于访问,又是增强用户体验的机会。

Canvas 工具中的一个编程指南是 alt 文本的字符数限制为 120 个。 为什么是 120 个? 我不知道,我找不到任何支持该确切数字的指南或规则。 一个答案 是屏幕阅读器在 125 个字符后停止宣布文本,但是 这显然是不正确的,至少在今天是这样。 关于 alt 文本应该有多长的普遍建议各不相同。

  • Jake Archibald 从 情感的角度谈论长度。 细节很好,但过多的细节可能会扭曲焦点,这很有道理。
  • Dave 将它们视为 简短的、简洁的段落
  • Carrie Fisher 建议将字符数限制在 150 个,不是因为屏幕阅读器会截断它们,而是更多地作为一种心理提醒,即事情可能变得过于描述性。
  • Daniel Göransson 在 2017 年的这篇指南中表示,这取决于具体情况,以及知道图像的某些细节是否值得额外解释。 但他通常倾向于简洁。

那么,alt 文本应该有多长? 这里的一般共识是,没有硬性限制,而更多的是对图像所起作用的意义的上下文感知,并相应地进行调整。

这又让我回到了 Jeremy 的文章。 他正在为一组演讲者头像编写 alt 文本,并意识到文本开始听起来都一样。 他停下来思考了一下这种体验,将其与有视力用户的体验进行了比较,并在两者之间创造了平等。

随着演讲者阵容中加入的演讲者越来越多,我越来越觉得自己在使用 alt 文本重复自己。 […] 有视力的人观看一个满是演讲者页面的体验是,过了一段时间,这些图像会逐渐融合在一起。 因此,如果 alt 文本过了一段时间也开始听起来有点重复,也许这并不算坏事。 屏幕阅读器用户将获得等效的体验。

我喜欢这一点。 因此,如果您正在寻找有关字符数的硬性规则,我很抱歉让您失望。 像许多其他事情一样,上下文是关键,而这是一种无法编码,甚至 无法自动完成的事情。

说到这里,我刚注意到 Twitter 有一个 UI 来显示 alt 文本。

现在,如果文本与背景之间的对比度更高就好了… a11y 很困难。