问题标签 [alt-attribute]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
538 浏览

html - alt="" 在某些情况下是否适合 html img 标签?

我们有一个关于 Web 可访问性合规性的项目。发布后大约一周,我们让无障碍委员会审查我们的网站,并给予最后的赞许。但是,他们向我们报告说我们应该在我们的一些图标上设置 alt="",因为它们不向网站提供任何额外的内容,因此只会分散屏幕阅读器的注意力,但不会产生任何好处。

  1. 它是否正确?
  2. 我的印象是 alt 是 img 的必需属性?img 标签上的 alt="" 肯定会包含 alt 属性,但这是有效的吗?

评论表示赞赏。

0 投票
6 回答
66830 浏览

html - 可访问性:推荐 SVG 和 MathML 的替代文本约定?

概述

HTML5现在允许 <svg>在不依赖于外部命名空间的情况下使用 HTML 文档进行标记(这里<math>有很好的概述)。两者都有自己的属性类似物(见下文),今天的屏幕阅读器软件实际上忽略了这些类似物。因此,盲人用户无法访问这些元素。alt

是否有计划为这些新元素实施标准替代文本约定?我已经搜索了文档并且已经干了!

更多详情

关于 SVG: SVG 的替代文本可以被认为是根titledesc标签的内容。

我找到了一个这样阅读它的屏幕阅读器,但这是标准吗?以前插入 SVG 的方法也存在可访问性问题,因为<object>屏幕阅读器对标签的处理不一致。

关于 MathML: MathML 的替代文本应存储在alttext属性中。

由于屏幕阅读器似乎不承认这一点,因此数学渲染库MathJax在运行时将文本插入到aria-label属性中。

不幸的是,NVDA、JAWS 和其他公司也不能可靠地读取这些标签。(有关WAI-ARIA 的更多信息)

关于两者:在很大程度上不受支持的 ARIA 属性缺乏成功,我尝试使用title属性。这些似乎在这些“外来”HTML 元素上也被忽略了。

包起来

除了快速破解之外,我还在寻找在这些新 HTML 元素上放置替代文本的推荐方法。也许我忽略了一个 W3C 规范?还是现在还为时过早?

0 投票
4 回答
3311 浏览

html - 将鼠标悬停在图像上时如何防止出现替代文本?

我尝试添加 title="" 但是当我将鼠标悬停在 FF 和 Safari 中的照片上时,我的 alt 文本仍然出现...

还有什么我可以尝试的吗?

这是我的示例页面:

http://ianmartinphotography.com/test-site/wedding-01/

谢谢!

0 投票
5 回答
249 浏览

html - 如何使用 alt 属性并确保 IE 不将它们用作工具提示?

我们的网站有一个图形主菜单(即文本在图像编辑器中完成,然后显示为图像),但是每当我将鼠标悬停在菜单项上时,它都会显示一个工具提示。(例如,当我将鼠标悬停在“联系我们”上时,会弹出另一个“联系我们”作为工具提示)

我的网页设计师说这对于让搜索引擎索引菜单文本是必要的,但它严重地使演示文稿变得丑陋 - 有没有办法避免工具提示但仍然让搜索引擎索引 alt 属性?

0 投票
6 回答
4137 浏览

html - alt 标签内的 HTML 代码

将html代码放在alt标签中可以吗?

我有一个使用 alt 标签进行描述的滑块。为了样式描述,我必须放置 html 代码。

我的问题是我不知道它是否会损害 SEO 或任何其他需要考虑的事情..

0 投票
0 回答
58 浏览

asp.net - 在 asp.net 上 Img alt 属性本地化失败

我想在 asp.net 项目上本地化 img alt 属性,以便它可以是多语言的。我希望它最好在 LocalResources 中,而不是在 Global 中。另外我想知道如果不将 img 转换为 asp:Image 是否会发生这种情况。

我想要这样的东西:

有任何想法吗?谢谢你。

0 投票
2 回答
77 浏览

html - 幻灯片中每个图像的有效 alt 属性应该是什么?

在网站目录中,每个企业都有一个包含多张图像的幻灯片。如果我不知道每种情况下是什么样的图片,那么处理alt每个图片/链接的属性的最佳方法应该是什么?

示例(已编辑)

0 投票
2 回答
847 浏览

html - 是否有'alt'属性标签?— 用例:没有图片元素

我正在使用<picture>标签。我的目标群体使用现代浏览器,因此只要Firefox 支持 WebP,就无需使用该<img>标签。

现在:

很快:

有没有办法在不使用标签时实现alt属性?<picture><img>

0 投票
1 回答
154 浏览

javascript - 尝试在弹出灯箱 Lightbox2 中为 ADA 合规标准添加 ALT 标记

我正在更新客户的网站以包含 alt 标签,以使他们的网站符合 ADA 合规性。我有几个页面使用来自https://lokeshdhakar.com/projects/lightbox2的 Lightbox2 。我将 ALT 属性添加到我的数组中,但它没有在脚本中被调用,所以没有被添加。

<a href="images/slide-show/at-the-beach-boys.jpg" title="An easy walk to fun at Long Sands Beach." alt="Small boys use sand toys on Long Sands Beach." rel="lightbox[Overview]"><img src="images/slide-show/at-the-beach-boys-th.jpg" alt="Small boys use sand toys on Long Sands Beach." width="256" height="176" /></a>

我尝试编辑 lightbox.js 以包含 alt 标签调用,但没有成功。

lightbox.js 的内容

0 投票
1 回答
51 浏览

html - HTML5的图像标签中的'alt'属性有什么用?

如果 HTML5 中的代码是:(*** 代表我们需要填写的任何信息,例如它不是关键字)

那么这里的 alt 属性实际上是做什么的呢?