最近我多次遇到了 Alt 文本的问题。一位读者写信问我人们是否还在使用它们。他本人还在使用,并说“我感觉自己孤军奋战”。ALA 发布了一则关于何时使用 Alt 文本 会显得重复 的提醒。我在那里的评论中偶然发现了 这个流程图。A11Y 项目有一个关于 Alt 文本的 提示页面。因此,我认为在本轮调查中做一个关于这个主题的调查会很有意义。即使只是为了提高人们的认识。
调查(在网站的侧边栏中)询问:
当您为对内容很重要的图像编写
alt
文本时,您会:
- 详细描述:alt=”图表显示2009年有347,985名学生获得学位,其中15,496名学生学习数学。这不到5%。”
- 简要描述:alt=”图表显示数学学位占5%。”
- 简单描述:alt=”图表”
- 不添加:alt=”” 或根本不添加
稍后我们会进行总结,提供更多信息以及我们学到的任何有趣的东西。
由于它对屏幕阅读器帮助盲人/视力障碍者很有用,因此绝对应该使用。用简短的句子总结一下图像的内容,以便那些看不见它的人。
我同意,我仍然更担心它对残疾人的影响,而不是对 SEO 的影响。详细描述!
由于 Google 网站管理员工具 这样说,所以我详细描述。
感谢分享那个链接!我发现它很有趣。
嗯,是的。我应该开始详细描述了。网站上某个内容的上下文越多越好。我只是不喜欢有人在页面上暂停,如果他们的鼠标碰巧悬停在该图像上,就会显示所有 Alt 文本。
Alt 文本为 SEO 目的添加了上下文,但在我看来它并不美观。
感谢链接分享。
您需要第五个答案:“使用‘alt=””’并在周围的上下文中包含图像的文字描述。”
同意!
我不会将图形的描述放在 Alt 文本中。如果我没有记错的话,我会使用 figure 和 figcaption,除非研究结果表明应该这样做。
我不知道是否应该使用
alt=""
,但我肯定更希望图像的“真实”文字描述出现在可见的页面内容中,使用aria-described-by
。屏幕阅读器用户不是唯一无法看到您的图像或可能受益于更多细节的用户。例如,许多网站将图像托管在由公司防火墙阻止的单独域中(例如 imgur.com:在媒体共享类别下被列入黑名单),并且大多数浏览器在这种情况下根本无法很好地显示 Alt 文本。
Internet Explorer:将显示 Alt 文本中适合图像占位符的部分内容,因此取决于占位符和 Alt 文本的大小,更多内容可能会放在工具提示中,但这也不是无限的。
Firefox:将显示 Alt 文本中适合图像占位符的部分内容。
Opera:将显示 Alt 文本中适合图像占位符宽度的部分内容(不换行)。
Chrome 和 Safari:如果图像不可用,则根本不显示任何 Alt 文本。
此外,Alt 文本内容无法进行标记,因此无法传达语言或强调的变化。
倾向于使用几个单词而不是完整的句子。不过,如果我在 WordPress 中工作,能够在其中添加完整标题会很好。
有时我会使用 alt=” ” 因为有些验证器会抱怨空标签。
(这是一个不间断空格,在这里被转换为空格。)
我的问题是我从未在我的作品中展示过“重要”图像,因此我从未在我的
<img>
中添加过alt
属性。我想我不会回答这个调查,以免污染结果。
实际上,我能够通过在他们的图像中添加 Alt 标签,在短时间内将公司的自然流量提高了 12%(在一个每月获得 120,000+ 访问量的网站上这是一个很大的数字)(它还在继续增长!)。这些通常包含对图像内容的简短描述性句子。
当图像为信息图表或某种可视化数据时,使用较长的 Alt 标签可能更合适。
是的,这里上下文也很重要。我想说我的目标是“简要描述”(这就是我投票的内容),但有时图像非常简单或非常复杂,以至于变成了“简单描述”或“详细描述”。
我使用它们并编写有关图像或图像上下文的描述。我的 SEO 专家告诉我使用它们,所以我照做了。
我将“简要描述”作为一般规则。如果上下文暗示我应该“详细描述”,那么我可能会这样做。如果客户明确要求我“详细描述”,那么我就会这样做。我倾向于也将
title
属性设置为相同的值(通常仅在工具提示不会通过遮挡图像而变得烦人时)。我必须投票“简要描述”。我会添加简短的描述性文字或只是图像的标题。是的,它对 SEO 也有很大帮助!
我会使用中等描述,只需键入足够的内容来准确描述图像。如果图像包含文字,例如广告,我只会将文字作为 Alt 文本。
A11Y 提示页面对此进行了很好的介绍。508 和可访问性是我团队的主要职责,我使用这些简单的规则:
如果图像旨在传达信息,请详细描述图像应该传达的信息。“图表显示98%的受访者使用javascript,2%禁用javascript”。
如果图像为装饰性图像,旨在支持内容,请提供简短的描述。“狗坐在门廊上”。
如果图像为间隔符,则 alt=”间隔符”。
我个人不赞成使用 alt=””,因为屏幕阅读器确实会拾取这些图像。我宁愿用户知道它是一个间隔符,而不是让他们想知道编码人员是否只是没有添加 Alt 文本,而他们错过了某些内容。
@John
WCAG 建议不要这样做:F39:由于为辅助技术应忽略的图像提供了非空文本替代项(例如,alt=”间隔符”或 alt=”图像”),导致成功标准 1.1.1 失败。
您确定吗?我提到的链接(F39)指出,“提供空文本替代项(即 alt=”” 或 alt=” “)将允许辅助技术忽略图像[…]”。
我想知道除了网页设计师之外,有多少人知道间隔符是什么。我认为这会让大多数人感到困惑。
我实在想不出在当今时代需要使用图形间隔符的例子……
@Alan,你说得对,建议不要这样做,但是我们以前遇到过JAWS拾取图像并读取src信息的问题,我只是根据我的经验来说。那是我们的解决方法,直到我们最终更新了项目以避免不必要的图像。当然,仍然在浏览旧系统等等,找到一些奇怪的东西仍然很有趣。哎呀,我们现在正试图找出为什么JAWS会跳过(不读取)具有alt文本的文档中的图像!
@Hilmon,同意!尝试逐步更新旧网站和系统很有趣 :)
您应该在间隔图像上使用alt=””,这样屏幕阅读器就会忽略它们,盲人用户不想阅读网站上的6个spacer.gif。
由于Google图片搜索使用此属性,并且我的网站在搜索结果中出现的频率更高,所以我总是“做一些”。而且你知道,根据统计数据:它有效!
我对编码了解不多,但如果拥有博客帐户,能够以非常低廉的价格练习和玩代码确实让我感到惊讶。当然,为此您需要更改域名为自己的域名。因此,只需花费每年10美元即可轻松练习或创建自定义博客。
我非常感谢该网站的每一篇文章,因为它对刚刚开始学习编码的初学者来说非常有帮助。
继续努力。祝你好运!
我投了“全力以赴”,但我必须说明这意味着(对我来说)我按照规范中描述的方式使用alt:http://www.whatwg.org/specs/web-apps/current-work/multipage/embedded-content-1.html#alt
其中包括alt=””的情况。此外,在完成WordPress中的项目后,我显然无法再控制用户如何上传图片。而且他们几乎从未使用过alt文本(我应该说从未使用过)。
我必须补充一点,民意调查中的示例非常错误。alt文本不应该是图片的描述,而应该是(如规范所述)如果您根本不包含图片,则应该编写的文本。
代替该图表而编写的文本正是图表包含的数据。如何“非常错误”?
@Chris:这取决于上下文。但其理念是alt文本与周围文本自然衔接,而不是图片的精确数据。在这种情况下,我不知道上下文(未显示),但我怀疑您使用的文本是否会流畅衔接。我怀疑应该是这样的:“研究表明,2009年有347,985名学生获得了学位,其中15,496名学生学习数学。这不到5%。”,而不是“图表…”。对于盲人用户来说,它是图表这一事实并不构成信息。
要点是,此文本与实际文本中它之前和之后的行自然衔接。ALT文本是图像的文本替代项,而不是图像的描述。
我应该指出,我并不是说措辞“非常错误”,而是说示例的选择错误。图表通常只是正文的旁注,因此在大多数情况下不需要alt文本(图表只是解释周围文本的视觉辅助工具)。
一个更好的例子可能是(例如)文章中的照片。
@ Chris – 我正在等待您审核我之前发布的帖子,其中包含解释为什么它是“错误”的链接。像图表一样复杂的图像中的数据量远远超过了有用的alt文本:我长期努力争取保留HTML5中的longdesc是有原因的。除此之外,您还可以在某些条件下(并带有一些注意事项)使用aria-describedby。
图表“摘要”(“5%的用户是foobar”)作为alt文本很方便地省略了其他95%的描述…
另一个关键点是,ALT文本永远不应该脱离上下文考虑,这一点我们无法通过您当前的民意调查确定。
感谢您保持对话的持续进行,理解如何编写有效且有用的alt文本实际上是网络无障碍中最难的部分之一,因此我们谈论得越多,其他人就越能开始理解ALT的真正用途。
不久前,我不得不考虑如何向屏幕阅读器用户传达图表数据。该图表使用jQuery flot显示在选定期间内的抵押贷款还款情况。无论使用何种技术,我同意ALT属性都不适合此目的。
我的解决方案是将数据写入一个隐藏在屏幕外的表格。表格摘要对图表进行了简要描述,例如“25年期间的抵押贷款还款”,并包含图表中表示的所有数据。我不喜欢向某些用户提供所有信息,而向其他用户提供快照的想法,尤其是在图表中的数据可以轻松地以表格形式表示时。
对于内容图像,我认为需要考虑包含“人和狗的图片”对使用屏幕阅读器的人的影响。我很少为内容图像填充ALT属性,除非它们描绘的内容在关联内容中没有体现。
顺便说一句,此论点可以应用于TITLE属性,尤其是在A标签上使用时。
很少或没有。我不确定影响。
但是,我确实处理title属性。
干杯。
即使在查看结果之前,我的猜测也是“做一些”将在本次民意调查中成为压倒性的选择。这就是我所做的。每次我在WordPress上传后看到alt文本字段时,我都会想到那个试图在网络上寻求知识的小盲女孩,我的心都为她感到难过,所以我描述了图片中发生的事情。
阅读了一篇关于alt文本以及何时会变得多余的有趣文章 - http://alistapart.com/blog/post/on-alt-text
有道理,但想知道它是否有效?
我处理的大多数图像都是为了某些轻率的程序目的而动态创建的,并且我尽我所能使用纯CSS来处理视觉效果。
所以……我有点远离了alt字段。
阅读这些评论让我想要重新开始使用它。
您的民意调查措辞犯了一个基本的错误,我和其他AT用户(听觉和盲文)都认为它不必要地冗长:我们不需要也不想知道它是哪种类型的图像(图表、照片等)。
我理解在“乔治·克鲁尼穿着考究的照片”中,“一张照片”是多么没用。但当我做这些“一个图表”时,我心想这可能是一个好的开始,因为文本的其他地方可能会提到图表,并且类似于:“警告:前方有一堆非常具体的数字。”
再说一次,这是盲人用户的意见。不能根据一位残疾用户的意见来决定您的无障碍决策。
我认为您应该包含它是图表、饼图、绘画、漫画等信息。您显然不必说“图像”,但如果您想说它是“照片”,那么尽管说。
@Paul:比较以下内容。这是屏幕阅读器读出的页面文本。ALT文本放在方括号中。要获得完整的效果,请大声朗读这些示例。
这是冗余的,并且信息量略少。
最好不使用alt文本
这仍然提供了所有信息,而不会分散读者的注意力。另一个例子
文本“结巴”,并且不自然流畅。此外,描述信息量不足。
最好是
这描述了图片(没有给出它是图片的冗余信息),并让故事流畅,从而使其更容易理解。
实际上,Paul,我不仅仅是“一个盲人用户”。我是一名注册盲人网页开发者,从事无障碍工作,并定期与残疾人用户群体(包括像我这样的屏幕阅读器用户)进行测试。所以这远不止“一个残疾人的意见”。
嗨,Ade,你是注册盲人还是注册网页开发者?我从未听说过注册网页开发者。至少在美国没有。
所以,你的意思是,你和所有你与之进行过测试的其他盲人屏幕阅读器用户都不关心图片是否为图表、饼图、黑白照片、绘画、水彩画等?我发现这很难相信,在我看来,这仅仅是你的意见;)
WebAIM.org 已经对屏幕阅读器用户进行了比你更多的测试,我相信他们确实建议根据情况添加有关图片的上下文信息。
http://webaim.org/techniques/alttext/#context 请参见示例 4,其中建议使用 alt="乔治·华盛顿渡德拉瓦河的画作"。
另一个来自 WebAIM 的示例(他们做这个的时间比我长得多)。http://webaim.org/techniques/images/alt_text#adding 肖像画的建议是 alt="西尔维娅·阿尔瓦雷斯肖像"。
关于 alt 文本字符数的 FYI http://www.washington.edu/accessit/articles?1257
你会惊讶于电子邮件客户端对 alt 文本的支持有多糟糕——某些版本的 Outlook 会在每张图片的 alt 文本前加上一个巨大的免责声明……你不如什么都不写。
太糟糕了,因为人们更有可能在没有图片的情况下查看电子邮件,alt 文本的重要性在这个领域可能会更加突出。
确实。我正要发布这个内容,这时我看到了你的评论
http://www.campaignmonitor.com/blog/post/3280/displaying-and-optimizing-alt-text-in-popular-email-clients/
我听说它可能对 SEO 有益。
所以我总是尝试使用它,即使是最基本的使用。
既然它能带来图片流量,为什么不呢!
那么,如果我在我的网站上使用一些商务握手和玻璃建筑物图片,我应该为 alt 标签填写什么内容?应该与图片相关还是与内容相关?
这(必须)取决于图片上下文……如果信息已在文本中,则在 alt 属性中重复它们就没有意义了。
你从未提及
<figure>
和<figcaption>
。这是故意的吗?这些似乎也与本次讨论完全相关。令我惊讶的是,ALA 文章(以及本文)没有提到 SEO。它是否会影响可访问性对我来说无关紧要,但我总是为每个图片编写 alt 文本,因为它允许搜索引擎对图片应用一些语义。
一个很大的疏忽。
alt 文本不是图片 SEO 的唯一因素:http://support.google.com/webmasters/bin/answer.py?hl=en&answer=114016
我选择 - 不做任何事:alt="" 或什么都不写 - 因为视觉本身说明了一切 :)
Mohamad,虽然视觉方面几乎决定了一切,但仍会有一些人访问网站,他们有视觉障碍,需要语音描述。正是为了这些人,才需要 alt 标签,即使只是一句简短的句子,但什么都不做只会显示懒惰。
如果你只提供图片本身,那么对于搜索引擎来说它是什么?对于人们来说,我认为非常清楚。如果你说懒惰,我最好把我的选择改为做一点:D
抱歉!我试图思考你可能是什么意思,但我就是不明白。所以,我可能离回答你的问题差了十万八千里……
如果图片元素没有 alt 属性文本,搜索引擎仍然可以使用以下内容来索引图片
其文件名(来自其 URL)。
图片出现的页面的内容。
链接到图片中使用的文本。
在图片文件中找到的元数据。
对图片执行光学字符识别获得的结果。
从被计算为重复或相似的图片中收集的现有信息。
从众包图片描述中获得的结果。
但这不仅仅是搜索引擎(尽管我认为让你的图片出现在任何相关图片搜索结果的第一页是值得的?)对于我的客户来说,它确实值得!
但我们提到的另一点是,由于视觉障碍而无法看到图片的人将依靠合理的 ALT 文本来让他们的屏幕阅读器向他们描述图片。
搜索引擎无法读取图片,因此它们将读取 alt 文本以收集内容。(内容越好,排名越高)
此外,任何使用屏幕阅读器的人都会听到 alt 文本。
我个人不明白为什么有人会考虑省略 alt 标签??
完全同意!
同意!作为一名 UX 设计师,我提倡使用 alt 文本以实现屏幕阅读功能、防火墙网络用户以及 SEO 目的。
我的投票:做一些
原因:至少一行 alt 文本对图片更有意义,而且它也很好,因为它有时也会被图片搜索引擎抓取……所以我的投票是做一些!
我发现屏幕阅读器的受众比旧版本的 IE 少,但这里有些人确实使用了 alt 标签,并且没有费心去为其他浏览器进行更改。
是的,但是你宁愿惩罚使用过时浏览器的用户还是视觉障碍的用户。
我选择惩罚那些使用过时浏览器的用户:p
主要搜索引擎的一个组成部分是“图片搜索”。为了实现完全优化,投入少量精力是很有意义的。
哇,对 SEO 的重视程度已经过高了!
内容作者最初使用 alt 文本并不是为了 SEO。搜索引擎索引 alt 文本是因为它已经是内容作者正在使用的东西。
如果每个人都忽略(或滥用)alt 文本,搜索引擎开发人员会找到其他方法来索引图片,他们已经这样做了。
没错,但为什么要改变已经存在且有效的东西呢?
此外,这不仅仅是 SEO,屏幕阅读器也依赖于 ALT 文本。你希望他们都适应,因为有些人懒得编写 ALT 文本?
什么东西已经存在且有效?alt 属性?我不这么认为。
如果你真的关心 SEO,你应该使用图片站点地图,而不是猜测搜索引擎算法。这可以确保人们在相关时找到你的图片,而不是偶然找到。你还可以使用更丰富的数据(如地理位置)来标记你的图片。
如果你希望尽可能多地用户能够访问到一张图片,你不应该依赖 alt 属性,因为其内容是隐藏的。辅助工具对它的支持还不错,但浏览器支持却糟糕透顶。如果图片下载失败,无论出于何种原因,普通用户都只能得到一个非常糟糕的替代品,正如我之前评论中提到的内容。
但这不算是猜测吧?你之前贴出的谷歌链接里说在图片中使用好的 ALT 文本?
我从未说过它是唯一应该使用的东西,我只是说它应该被使用,并且要使用好!
我的观点是,alt 属性并非旨在用于 SEO(也就是说,HTML 规范并没有说明它的存在是为了这个目的)。SEO 永远不应该成为提供 alt 文本的动机。
既然 alt 文本应该是“替代文本[可以]通过考虑如果无法包含图像会写什么来编写”,那么我怀疑如果目标受众是搜索引擎,是否能够提供高质量的 alt 文本。
它也不仅仅是为了屏幕阅读器,屏幕阅读器只是一个例子(最好的例子,因为 alt 文本似乎在屏幕阅读器中确实效果很好)。
如果提供替代文本的理由是为了无法查看图像的用户,那么相比使用 alt 属性,还有更多实用、有效且包容的技术,因为这些假设是不正确的
1. 每个无法查看图像的人都能轻松查看 alt 文本。
2. 每个能够查看图像的人都能轻松理解所有图像,并且永远不会在替代文本中找到任何有价值的内容。
不过,我认为 alt 属性不应该完全为空,如果作者需要引用图像,辅助技术用户会感谢页面中有一些指示表明存在图像。
嗨,Chris,
在撰写数百个字关于这个话题在 ALA 上(那里有 5 个链接)之后,我现在带着一些疲惫感来处理这个问题。非常重要的是要理解 alt 属性所扮演的**角色**,以及在屏幕阅读器遇到图像时考虑它们的“冗长性”。
作为一个极其通用的经验法则,我尽可能地应用“尽可能简洁”的规则,所以在你的投票中,我实际上会写以下 alt 文本:alt="图表:5% 的学位是数学专业。"
我敦促你和其他人阅读 ALA 上的评论——这很重要。
谢谢!
JF
嗨,Chris,你必须为图表内的所有信息提供文本替代。你投票中唯一正确的答案是“全力以赴:alt="图表显示,2009 年有 347,985 名学生获得学位,其中 15,496 名学生是数学专业。这不到 5%。"”。
尽管这不是投票中最受欢迎的选择,但它是正确的。投票中最受欢迎的选择是将某些数据排除在屏幕阅读器用户之外。可访问性决策不能由人气投票来决定。实际上,可访问性的唯一选择是提供**平等**的访问。
图像内的所有信息,最重要的是所有文本信息,都需要有文本替代。你可以决定如何处理它,如果合适,可以在 alt 属性中提供文本替代,或者在图像下方的表格中提供文本替代,然后使用 aria-describedby 以编程方式将这些文本数据与图像关联。
最好使用数据表格作为文本替代,这样所有用户都可以复制/粘贴数据以供其他用途。图像无法做到这一点。
从讨论中可以清楚地看出,在提供最佳实践指南的人员之间存在一些分歧。我很高兴看到许多评论者试图至少提供一些描述性信息。由于没有实际的图像,我很难对具体示例发表评论。话虽如此,但需要注意几点。作为一名屏幕阅读器用户,以及研究过屏幕阅读器交互的人,我可以做出一些观察
1. alt 文本应该相对较短。例如,“一个女人抱着孩子的照片”。它不应该: “一个高个子、黑头发、穿绿色连衣裙、眼睛颜色相同的女性,抱着裹在黄色毯子里的孩子的照片。” 即使第二种方式提供了更多信息,也可能会分散注意力。传达的信息应具有上下文意义。
2. 如有必要,使用 Longdesc 或 ARIA-describedby 属性来提供我在上面示例中建议的那种长描述。在我个人看来,Longdesc 是最好的方法。
3. 请不要使用 title 属性代替 alt。由于许多原因,它无效。最主要的原因是,title 属性旨在提供工具提示。此外,屏幕阅读器处理 title 属性的方式与处理 alt 属性的方式不同。Alt 一直处于公开状态并被读取。
4. 通常情况下,数据表格和其他上下文可以为读者提供其他信息。请记住,写作是一种微妙的艺术,图像在其中扮演着重要的角色,但并非展示的全部。如果你提供更多上下文,患有认知和/或学习障碍的人也会发现你的展示引人入胜。
5. 信息图表绝不能单独使用,没有上下文、解释和描述。
6. 可以跳过描述装饰性图像。当你包含它们时,尝试通过 CSS 来实现,这样它们就不会成为内容流的一部分。如果你包含库存图片或任何类型的图片,请考虑你为什么包含它。你想传达什么含义?描述该图片是否会提供一些重要信息,或者它会增加内容的趣味性?就像你包含库存图片以提供更好的视觉效果一样,你应该考虑为不查看你内容的用户提供简短的替代文本。
羞愧地说,大多数时候我对此几乎不做任何事情。我正在改进!
我会做一些或者全力以赴。这取决于图形中包含的信息有多重要。
“谨慎地少做一些”
只有当图像描绘的内容会让视力障碍者丢失时,我才会添加 alt 值。
如果图片是为了装饰或设计,则绝不添加。
如果图片中有文字,但对于理解内容来说不是绝对必要的,我至少会添加丢失的文字内容。
附加到文章上的随机库存照片(几乎从未为内容增加任何内容):空的 alt 属性。
至于 SEO——胡说。如果你利用图像 alt 来提高排名,那么你的内容还有其他重大问题。
特别说明:我从未在我的 alt 标签中使用“图片”或类似的词语,因为屏幕阅读器软件已经指定它是一个图像。想象一下,在每个图像实例中都听到“图片:图片…”(尤其是那些用于设计装饰的图像:“图片:绿草库存照片的图片”或“图片:快艇在波浪上飞驰的图片”。)。
非常好的文章
可悲的是,大多数人只是使用 alt="" 来通过验证,或者在客户要求时多写一点。
有趣的是,在网络初期,有专门的人员。然后出现了“多技能”(而不是仅仅是多任务)的人。然后,不知何故,这些界限变得模糊,人们开始假设任何拥有 HTML 知识的人都应该了解一些后端技术、服务器配置、IT 等。前端开发人员开始侵入后端开发人员的领域,因为那些不知情的人在“前端开发人员”的职位名称中做了太多假设。我们甚至不要讨论网页设计师与网页开发人员与交互设计师之间的区别。
最近,在过去几年里,专家又开始出现,这主要是由于 UI 与 UX 之间的讨论。可访问性现在已成为简历上的一个要点,以及“UI/UX”经验。哦,我们不要忘记“内容专家”或“可用性专家”(这难道不应该属于 UX 人员吗?)
然而,除了 Drupal 和 WordPress 人员之外,后端开发人员在很大程度上一直不受此影响。也许这是正确的,但代码的输出也应该引起关注,因为所有那些漂亮的、经过验证的代码都被 CMS 弄得一团糟,仅仅是为了实现一些漂亮的功能或让“营销人员更容易进行更改”。
我们首先都是用户。然后,我们获得了经验和技能,成为“网络人”,我称我们为这样。
从 1997 年我开始从事网络工作以来,Alt 标签并没有发生太大的变化。它们描述内容或识别图形,前提是前者不成立。有时两者兼而有之。
无论哪种方式,似乎无论一个人的主要技能是什么,都会成为“最好留给专家评论、裁决或实施”的主题。
我认为,所有重要的是你的受众是否能够轻松访问信息,以及他们是否在应该访问或必须访问的地方访问了信息,如果你做到了这一点,你就成功了。沟通仍然优先于技术,当然也优先于任何类型的标准。(是的,我意识到“标准”应该存在以确保我刚才提到的沟通)
我总是会在 alt 属性中使用一些描述性文本。不要太详细,只需一小段有效的文字描述图片中发生的事情。比如“一只猫卡在铁栅栏之间”。
当你的图片突然失效时,这样会更简洁一点。
天啊。我总是打算写 alt 文本,但我通常时间太紧,所以从未写过。我相信这对屏幕阅读器很重要,所以应该尽可能彻底地使用它。
除非你的客户大喊大叫,说如果网站在下一小时内没有上线,他们就会取消与你公司的合同。然后你可以留到以后再做。
除非周围文本中也描述了相同的内容,否则我会全力以赴。对于更具装饰性的图像,我会做少量或做一些,而对于仅仅是为了好看而存在的图像,我可能会不做任何处理。
我真的不明白为什么不使用任何 alt 标签,这很糟糕。你应该构建任何人都可以使用网站,而不是因为他们有残疾而歧视他们。在极端情况下(至少在欧盟),你甚至可能违反法律或被起诉!
看看英国皇家盲人协会 (RNIB) 是如何说的:http://www.rnib.org.uk/professionals/webaccessibility/designbuild/wacimages/Pages/alt_text.aspx
关于较长的 ALT 文本
“图像的 ALT 文本应保持最简,同时不遗漏关键信息。这通常会影响包含冗长文本段落、图表、图形和地图的图像。
ALT 文本应简洁明了,点明图像的重点。如果使用多个单词,则应将关键词放在 ALT 文本的开头,以便使其更具特色。通常,屏幕阅读器用户只会听取 ALT 文本的第一个单词或前几个字母,以获取其含义。我们建议最大长度不要超过一个简短的句子。”
(他们的网站是构建无障碍网站的非常好的资源)
我认为 ALT 文本只有在包含网页中使用的关键词时才重要。这样 Google 才能理解它们之间的联系。
(抱歉我的英语不好)
你在选项列表中错过了正确的答案,即:“这完全取决于页面上还有哪些其他内容”。
如果该图表是页面上唯一的内容,则全力以赴:如果图片胜过千言万语,则需要这千言万语。但是,如果该图表与详细说明和解释数据的文本一起显示,那么它纯粹是说明性的,空 alt 文本是合适的。
如果我将问题的措辞理解为前一种情况,那么“全力以赴”选项或“做一些”选项是否合适存在争议,这取决于受众以及需要多严格地解释信息。
综上所述,alt="graph" 选项永远不会合适。它没有增加任何价值,反而增加了噪音。
需要记住的关键是:无论通过屏幕阅读器还是图形浏览器阅读,整个页面的总含义价值都应该相同。不多不少。
当然,对于此示例,理想的解决方案实际上是在文档中提供数据表作为替代方案,即使你没有在屏幕上为视力正常的用户显示该表。这是一个很好的例子,说明为什么 alt 文本并非总是图像的最佳替代方案。