这是我以前不必处理的问题。为了维护遗留系统，我无法直接编辑HTML以将CSS类添加到图像标签。但是是否可以使用图片标签的替代文本来设置样式？我想在alt属性中使用文本“front”来设置图像样式:img[alt="front"]{padding:.2rem}是否可以使用IMGAlt属性进行样式设置？究竟如何？ 最佳答案 使用:值包含:img[alt*="front"]{padding:.2rem}值在一个空格分隔的列表中:(所以它适用于“front”，但不适用于“frontpage”)img[alt~="front"]{paddin

我们正在运行一个网站并有第3方跟踪像素，但在我们的网站上进行webaim/WCAG2.0扫描时，我们收到alt属性错误。我不确定在这种情况下跟踪像素是否真的需要仍然有一个空白的alt属性，或者某些屏幕阅读器是否仍会读取src？ 最佳答案 alt=""是这种情况下最合适的方法-它告诉屏幕阅读器该图像纯粹是装饰性的，应该被忽略。由于跟踪像素不会在视觉上传达信息，因此从这个角度来看，它们本质上是装饰性的。如果没有ALT，一些屏幕阅读器将回退到阅读图像名称(不带扩展名)，而这通常是您不希望看到的。某些屏幕阅读器(JAWS)可能会忽略1x1或

有没有办法给内联SVG一个alt标签？这是我的内联SVG代码，但是alt标签没有显示(而且我什至不确定我对alt标签进行编码的方式是有效，在线搜索澄清后):这是JSFiddle:http://jsfiddle.net/FsCMM 最佳答案 您应该使用title元素而不是alt标签来显示工具提示:Helloworld!对于chrome34:用g元素包裹图形并向其插入title元素。Helloworld! 关于html-内联SVG可以使用Alt标签吗？，我们在StackOverflow上找到

我了解title和alt属性的用途，但我只是不了解它们的最佳用途，或者我是否可以使用相同的title/alt不止一次。例如，以一个关于狗的网站为例:根据我的理解，所有img标签都需要一个alt属性:对同一主题的多张图片使用相同的alt属性是好的做法吗？在每个标签中使用title/alt属性是好的做法吗？多次使用同一属性会怎样？例子:DogsDogsDogsDogsDogs我的理解是title属性充当将鼠标悬停在文本上时出现的工具提示。这种事情必须在较新的浏览器中完成，但alt和title曾经在旧浏览器中做同样的事情。这些属性还可以作为搜索引擎识别您的网站的一种方法。

alt的预期用途到底是什么？上的属性标签？它应该描述图像，还是应该为屏幕阅读器(以及关闭图像的人)提供有意义的替换文本？例如，如果我的网站上有一个人的简短传记，并附上一张他们的小照片，那么向视障用户朗读“JohnSmith的照片”真的有意义吗？ 最佳答案 HTML5规范有一个hugesection对此。基本上，如果您根本没有使用图像，alt属性应该作为文本存在。如果您的图像纯粹是装饰性的，您可以使用alt=""。title属性中有描述。 关于html-图像的alt属性的用途是什么？，我们

按照默认行为，alt属性在图像渲染之前第一次渲染。我在一个网格中显示25张图片，所以看起来有点尴尬，因为所有alt属性都首先显示。是否可以在Firefox中隐藏alt属性？注意:在我的例子中，alt属性包含动态名称。 最佳答案 在这里尝试了所有其他方法后，我发现这种方法效果最好，它使文本在图像加载之前透明:.yourClassimg{color:transparent;} 关于html-在Firefox中隐藏alt标签，我们在StackOverflow上找到一个类似的问题：

如何为背景图片提供alt和标题？可能吗？#cont{background:#FFFurl(../images/post.png)no-repeat;} 最佳答案 您不能为css背景提供alt和标题，但可以为div提供标题。标题将在鼠标悬停在div元素上时弹出。 关于html-如何为背景图片提供alt和标题？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/11774984/

这个问题在这里已经有了答案:IsitpossibletoformatanHTMLtooltip(titleattribute)?[duplicate](9个回答)关闭6年前。是否可以为alt属性设置工具提示的样式？我想为htmlalt属性设置背景、字体颜色等样式。谁能帮我解决这个问题？

这是W3C验证程序为没有alt属性的img标签打印的内容:“img元素必须具有alt属性，在特定条件下除外。”我找不到任何关于它的信息...至少除了alt标签的内容之外什么都找不到。有人知道什么条件吗？ 最佳答案 W3概述原因:Insomecasesanimageisincludedinapublisheddocument,buttheauthorisunabletoprovideanappropriatetextalternative.Insuchcasestheminimumrequirementistoprovideacapt

我有一些svg路径:我有每条路径的title和alt。当我将鼠标悬停在Firefox中的路径上时，我会看到带有国家名称的小工具提示。但是当我在IE或Chrome中这样做时，没有任何反应。请问有人知道为什么吗？ 最佳答案 显然，在Chrome中执行此操作的正确方法是添加元素作为子元素。参见here有关此问题的更多详细信息。所以它应该是这样的:Belarus这是一个liveexample 关于html-alt和标题未显示为svg路径的工具提示，我们在StackOverflow上找到一个类似的