在超过16,000名受访者中,超过一半(54%)的人表示,在为对内容重要的图像编写alt
文本时,他们会“做一些”。提供的示例确实提供了对图像内容和相关性的见解。
值得庆幸的是,最少的人(10%)表示他们“不做任何事”。这很不幸,因为这是一个真正的无障碍问题。
22% 的人表示他们“做一点点”。提供的示例没有提供对图像内容和相关性的任何见解,使其与不做任何事一样糟糕(可能更糟,因为它浪费了时间)。但我认为至少他们意识到应该提供替代文本。
14% 的人表示他们“全力以赴”。在示例(一个图表图像)中,图表中显示的确切数字被拼写出来,并解释了图表中最突出的事实。这通常是图表的要点:强调特定的并列。只要“全力以赴”不会变成“做得过火”(使用你自己的判断),这将是理想的方式。
这次的图表带有使用 嵌入式Pen 和 amCharts 的链接
See the graph on CodePen
有关更多信息,A11Y 项目表示
alt
属性旨在帮助用户不遗漏任何内容,因此请确保您的文本对任何看不到图像的人都有帮助。这些人可能是辅助技术用户或手机上关闭了图像的用户(例如为了节省数据)。
本投票和所有过去投票的完整实时结果位于 投票档案 中。
我投了全力以赴。我妈妈是盲人,使用屏幕阅读器。没有或只有少量替代文本的图片是她最大的问题。
我以前完全属于“不做任何事”那一类,然后我看到了 Leonie Watson 的一个演讲 https://www.youtube.com/watch?v=vK1tlLOavvM,现在我完全是“全力以赴”了。
谢谢 Ray!很高兴知道现在有更多网页上的图像带有良好的描述 :)
很高兴知道大多数人提供文本描述,希望 10% 的人从现在开始也能这样做!
值得一提的是,文本描述的可用性问题。
如果你使用屏幕阅读器,阅读“全力以赴”文本描述中的信息量可能会很费力。有很多细节需要理解,屏幕阅读器通常会在图像获得焦点后立即一次性读取所有内容。
但是,这些细节非常重要,尤其是在页面上其他地方没有提供图像数据的情况下。一种方法是使用“做一些”选项作为替代文本,并通过使用 longdesc 属性指向另一个页面上的更详细的信息来补充它。
我全力以赴,因为我的中级和高级网页设计讲师一直给我灌输这个理念。感谢 Ian =D
我认为“全力以赴”不应该出现在投票中,因为所有这些信息实际上都不应该放在
alt
标签中,而应该放在页面的内容中。如果这些信息本身就在页面上,那么该图像的“全力以赴”
alt
标签可以是类似这样的内容:“显示 2009 年有多少学生获得数学学位的图表”。图像支持内容,如果你去掉图像,它不应该影响最终信息。
如果你在
alt
标签中重复了页面主要内容中的内容,那么你仍然没有理解alt
标签的意义,即图像本身:支持主要信息。此外,在这种情况下,DRY 原则也适用。
只是说说而已。
这样说来,我通常会选择“不做任何事”(空标签但始终存在)或“做一些”。
直到某个网页开发者拿走我的标记并把它搞砸 ><
很难做出这样的假设。如果只是在 Tumblr 博客上重新发布一些图表,而你只想写下“哇——太疯狂了!”呢?对我来说,这完全可以接受。有视力的人可以看见你的反应,看到图表并弄清楚你对什么做出了反应。屏幕阅读器用户可以看见你的反应,然后阅读数据并弄清楚你对什么做出了反应。这都是关于具体情况的。
没错 Chris,我明白你的意思。
问题是,用你的例子,我现在“双手被绑住了”,也就是说,我无法反驳你的例子,你最终是正确的。
但这是一种非常严格/罕见的情况,我认为这种情况不会经常发生,无法被视为“常态”。
在我看来,作为一个内容策略师,我尽量不依赖图像来传达主要信息,而是使用图像来支持内容并增强信息,无论该信息如何传播:通过文字,通过声音(屏幕阅读器)等。
如果信息出于某种原因依赖于图像,那么也许
alt
标签实际上无法满足需求,此时也许sound
会是一个更好的选择。只是在“TOL”(大声思考:p)
但与你的情况一样,上面的情况也可能很罕见。
最重要的是,包括 16,000 多名受访者和我们,我们都非常清楚需要提供最好的用户体验,无论是通过
alt
标签、声音、适当的内容结构等。这对网页来说是一件好事 :)
我不同意。我认为“双手被绑住”实际上代表了网络上绝大多数图像内容——用户上传的内容、来自 CMS 的内容、转载的内容等等。无论你精心制作多少标记,都无法与网络上已经存在的大量自动生成内容相提并论。
但总的来说,我同意——网络上大多数图像都不是学生退学率图表;它们是 1×1 透明 gif/png、lolcats 以及裸体照片。我总是会花一点时间思考我的替代属性,但最终,它们中的大多数都会变成空字符串。为什么呢?因为大多数情况下,如果图像没有显示出来,我希望用户代理像它不存在一样跳过它——因为通常不可能表达与之相关的内容,或者相关信息本身就不存在,或者它纯粹是装饰性的。
以第一类为例,考虑一个图像,它的标题以某种方式讽刺地削弱了图片内容(反之亦然)。你会为替代文本做什么?只用标题?用标题和图像描述?用标题和描述以及关于讽刺的用法和原因的评论?以上所有内容加上关于讽刺本身的哲学本质的长篇形而上学论述?
这个问题是不可能用一般性方式回答的,这就是为什么关于详细替代文本重要性的声明有点可笑的原因。
只是提醒一下,你的图表很漂亮,但在移动设备上缩放效果不佳 :-S
http://cl.ly/image/1N2b0D3R2s0W
哈哈,至少它没有完全坏掉。迷你图表!
直到最近,我和同事(我在精神卫生领域工作,负责我们团队的网站)谈话时,我才开始注意替代标签。他告诉我,视障人士真的很感谢尽可能详细的描述。他指出,对食物和风景等事物的图像进行丰富的替代文本描述,可以真正提升他们的体验。
我理解 Ricardo Zea 为什么说内容应该包含信息的核心,但我仍然觉得有很多情况下内容不支持图像(例如画廊、个人资料图片等)。
@Dan,我认为这些图像画廊和个人资料图片具有特定类型的内容,并不一定意味着使用
alt
标签是支持图像的最佳解决方案。我见过成千上万个用于图像画廊的光箱,其中脚本的作者决定使用
alt
标签作为脚本提取图像描述的属性,结果每个人都在他的论坛或教程页面上问:“嘿,如何在alt
标签中添加 HTML 代码?”这正是对
alt
标签用途的理解存在重大缺陷的地方。正如你所见,“内容”在告诉你/我“嘿,兄弟,我需要这段文字加粗,分段,并在最后加上一个链接”。那么,我们该如何实现呢?通过在
alt
标签中使用标记。哎哟!在我看来,这不是正确使用
alt
标签的方式,几年前我就从这个噩梦中醒来。我们甚至不要谈论将表现形式与内容分离,或者…代码膨胀 :p所以最后,我认为不是内容/信息如何支持图片,而是图片如何帮助支持内容/信息。
我个人现在正在深入了解
alt
标签对使用屏幕阅读器的人的影响。看看超过16000人中,有多少人会或不会在参加这次投票后改变他们的做法,这将很有趣。(
一年来一直是忠实读者。第一次发帖。
感谢您提供精彩的内容。
作为一个CLI浏览器和旧款黑莓(只有2G)的忠实用户,我必须说;你的替代文本非常感谢。感谢你们这13.88%的人,你们太棒了!
替代文本的量并不是真正的问题,而是何时使用它。我倾向于谨慎行事,为大多数图片添加替代文本,即使它们不需要。这最终会对屏幕阅读器用户产生负面影响,因为它会读出比需要更多的内容,在某些情况下会重复内容并给内容添加“噪音”。
以下是最常见的示例,我永远不会添加替代文本,因为链接中的文本提供了足够的上下文
我一直使用替代文本,主要用于SEO目的。写2-3个关于图片的词不会超过几秒钟。我不知道为什么大多数人都不使用替代文本。
我可能不会添加完整的图片描述,但我尝试添加相关信息。然而,我现在的老板(一家小型网页开发公司)将
alt
标签用于“SEO”,添加了大量与图片无关的无用信息。当我提到他实际上是在为任何使用屏幕阅读器的人破坏网站时,他的回答是他不在乎.. 此外,我怀疑在alt
部分使用无用的标签是否会提升SEO,我被告知我不知道自己在说什么。我理解你的痛苦。
我相信你的老板认为他知道自己在说什么,当他说“他不关心”的时候,哈哈。
我相信你的老板正在损害他在你添加大量内容的
alt
标签的页面/网站的SEO。他一定非常确定自己骗过了谷歌,哈哈。
哦,天哪。
祝你好运,伙计。
电子书阅读器测试
感谢您终于写了关于>投票总结:人们在替代文本上投入了多少努力
人们在替代文本上投入了多少努力? | CSS-Tricks <喜欢它!电子书阅读器测试