草庐IT

html - 什么时候可以在 HTML 图像上将替代文本留空(如果有的话)?

coder 2023-08-01 原文

到目前为止,我的理解是 alt 属性是必需的,不应留空。这似乎在现有问题中得到证实,例如 this one .

然而,在阅读HTML spec今天,我注意到以下几点:

A single image can have different appropriate alternative text depending on the context.

In each of the following cases, the same image is used, yet the alt text is different each time. The image is the coat of arms of the Carouge municipality in the canton Geneva in Switzerland.

Here it is used as a supplementary icon:

<p>I lived in <img src="carouge.svg" alt=""> Carouge.</p>

它继续显示其他示例,其中包含各种 alt 文本,但在此(以及其他几个示例)中,缺少 alt 文本。

规范后面说(强调我的):

Except where otherwise specified, the alt attribute must be specified and its value must not be empty; the value must be an appropriate replacement for the image.

可以使用 alt="" 吗?如果是这样,什么时候这是可以接受的用途?如果图片不需要 alt 文本,它应该是 CSS 背景图片吗?

注意:这是基于 WHATWG HTML Living Standard,而不是 W3C HTML5 规范。

最佳答案

什么时候离开alt属性为空

通常,alt属性是必需的;但是,在某些情况下,HTML 规范表示可以保留 alt。属性的内容为空。 alt属性是图像的文本等价物,这意味着只有当图像的含义已经被周围的文本封装时,它才应该为空。

周围文本的图形表示 (link)

重要的是将替代文本视为图像在不可用的情况下应传达的内容。如果图像可以通过围绕它的文本进行总结,那么它应该有一个空的 alt。属性,因为冗余不会带来好处。

示例包括重复周围文本的流程图或图表。

如果要使用标题,该标题应包含为 title元素或使用 <figcaption> . alt如果图表可以用页面上其他地方没有的信息来描述,则应该使用。规范说明了为什么应该避免这种重复:

Including the caption in the alternative text like this isn't useful because it effectively duplicates the caption for users who don't have images, taunting them twice yet not helping them any more than if they had only read or heard the caption once.

装饰图片(link)

通常,规范建议 CSS background-image用于此,但澄清在某些情况下,这可以通过标记来完成,例如诗歌旁边的绘画,或事件中的风景照片。在这些情况下,图像是内容,但只有当用户能够看到图像时,该内容才相关。

形成更大图片的图像组 (link)

没有链接

只有一张图片应该有 alt文本,以避免向看不到图像的用户重复文本。

带链接

规范建议为此使用图像映射,但如果图像被切片,则必须有一个图像带有 alt每个链接的文本。

何时省略 alt完全属性

在某些情况下,替代文本未知或不必要,在这些情况下,alt=""是不准确的,因为它暗示图像没有添加任何东西。 HTML 规范警告:

If there is even the slightest possibility of the author having the ability to provide real alternative text, then it would not be acceptable to omit the alt attribute.

但是,它承认在一些情况下 alt可以省略。

未知alt (link)

在某些情况下,例如盲人用户的博客或元数据不包含有用信息的照片共享网站,alt可能是未知的。

在这些情况下,使用 title属性或 <figcaption>必需的。虽然可能不知道图像的确切细节,但仍应包括一些解释性文字。在这种情况下,<figcaption>是首选,因为

Relying on the title attribute is currently discouraged as many user agents do not expose the attribute in an accessible manner as required by this specification.

可以查看图像的已知收件人 (link)

如果您编写的文档只会被少数已知收件人查看,并且已知所有收件人都能够看到图像,则 alt属性可以省略。建议alt无论如何都要包括在内,以防电子邮件或文档被转发。

附录:CSS 背景图片呢?

如果图像不是内容,它可能应该是背景图像。 <img>背后的基本原理分割与 background-image , 查看 When to use IMG vs. CSS background-image?

关于html - 什么时候可以在 HTML 图像上将替代文本留空(如果有的话)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23526791/

有关html - 什么时候可以在 HTML 图像上将替代文本留空(如果有的话)?的更多相关文章

  1. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法? - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  2. ruby-on-rails - Rails - 子类化模型的设计模式是什么? - 2

    我有一个模型:classItem项目有一个属性“商店”基于存储的值,我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式?如果方法中没有大的if-else语句,这是如何干净利落地完成的? 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

  3. ruby - 使用 ruby​​ 将 HTML 转换为纯文本并维护结构/格式 - 2

    我想将html转换为纯文本。不过,我不想只删除标签,我想智能地保留尽可能多的格式。为插入换行符标签,检测段落并格式化它们等。输入非常简单,通常是格式良好的html(不是整个文档,只是一堆内容,通常没有anchor或图像)。我可以将几个正则表达式放在一起,让我达到80%,但我认为可能有一些现有的解决方案更智能。 最佳答案 首先,不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案,它会随着HTML的变化而崩溃,或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h

  4. ruby - 什么是填充的 Base64 编码字符串以及如何在 ruby​​ 中生成它们? - 2

    我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%

  5. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  6. ruby - 使用 Vim Rails,您可以创建一个新的迁移文件并一次性打开它吗? - 2

    使用带有Rails插件的vim,您可以创建一个迁移文件,然后一次性打开该文件吗?textmate也可以这样吗? 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件,这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails,您可以创建一个新的迁移文件并一次性打开它吗?,我们在StackOverflow上找到一个类似的问题: https://sta

  7. ruby - 为什么 4.1%2 使用 Ruby 返回 0.0999999999999996?但是 4.2%2==0.2 - 2

    为什么4.1%2返回0.0999999999999996?但是4.2%2==0.2。 最佳答案 参见此处:WhatEveryProgrammerShouldKnowAboutFloating-PointArithmetic实数是无限的。计算机使用的位数有限(今天是32位、64位)。因此计算机进行的浮点运算不能代表所有的实数。0.1是这些数字之一。请注意,这不是与Ruby相关的问题,而是与所有编程语言相关的问题,因为它来自计算机表示实数的方式。 关于ruby-为什么4.1%2使用Ruby返

  8. ruby - 我可以使用 Ruby 从 CSV 中删除列吗? - 2

    查看Ruby的CSV库的文档,我非常确定这是可能且简单的。我只需要使用Ruby删除CSV文件的前三列,但我没有成功运行它。 最佳答案 csv_table=CSV.read(file_path_in,:headers=>true)csv_table.delete("header_name")csv_table.to_csv#=>ThenewCSVinstringformat检查CSV::Table文档:http://ruby-doc.org/stdlib-1.9.2/libdoc/csv/rdoc/CSV/Table.html

  9. ruby-on-rails - Rails HTML 请求渲染 JSON - 2

    在我的Controller中,我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时,它会自然地以HTML呈现。但是,当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法),我仍然将HTML作为响应。如何获取JSON作为响应?我还需要说明什么? 最佳答案 您应该将.json附加到请求的url,提供的格式在routes.rb的路径中定义。这

  10. ruby - ruby 中的 TOPLEVEL_BINDING 是什么? - 2

    它不等于主线程的binding,这个toplevel作用域是什么?此作用域与主线程中的binding有何不同?>ruby-e'putsTOPLEVEL_BINDING===binding'false 最佳答案 事实是,TOPLEVEL_BINDING始终引用Binding的预定义全局实例,而Kernel#binding创建的新实例>Binding每次封装当前执行上下文。在顶层,它们都包含相同的绑定(bind),但它们不是同一个对象,您无法使用==或===测试它们的绑定(bind)相等性。putsTOPLEVEL_BINDINGput

随机推荐