问题标签 [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.
html - alt="" 在某些情况下是否适合 html img 标签?
我们有一个关于 Web 可访问性合规性的项目。发布后大约一周,我们让无障碍委员会审查我们的网站,并给予最后的赞许。但是,他们向我们报告说我们应该在我们的一些图标上设置 alt="",因为它们不向网站提供任何额外的内容,因此只会分散屏幕阅读器的注意力,但不会产生任何好处。
- 它是否正确?
- 我的印象是 alt 是 img 的必需属性?img 标签上的 alt="" 肯定会包含 alt 属性,但这是有效的吗?
评论表示赞赏。
html - 可访问性:推荐 SVG 和 MathML 的替代文本约定?
概述
HTML5现在允许 <svg>
在不依赖于外部命名空间的情况下使用 HTML 文档进行标记(这里<math>
有很好的概述)。两者都有自己的属性类似物(见下文),今天的屏幕阅读器软件实际上忽略了这些类似物。因此,盲人用户无法访问这些元素。alt
是否有计划为这些新元素实施标准替代文本约定?我已经搜索了文档并且已经干了!
更多详情
关于 SVG: SVG 的替代文本可以被认为是根title
或desc
标签的内容。
我找到了一个这样阅读它的屏幕阅读器,但这是标准吗?以前插入 SVG 的方法也存在可访问性问题,因为<object>
屏幕阅读器对标签的处理不一致。
关于 MathML: MathML 的替代文本应存储在alttext
属性中。
由于屏幕阅读器似乎不承认这一点,因此数学渲染库MathJax在运行时将文本插入到aria-label
属性中。
不幸的是,NVDA、JAWS 和其他公司也不能可靠地读取这些标签。(有关WAI-ARIA 的更多信息)
关于两者:在很大程度上不受支持的 ARIA 属性缺乏成功,我尝试使用title
属性。这些似乎在这些“外来”HTML 元素上也被忽略了。
包起来
除了快速破解之外,我还在寻找在这些新 HTML 元素上放置替代文本的推荐方法。也许我忽略了一个 W3C 规范?还是现在还为时过早?
html - 将鼠标悬停在图像上时如何防止出现替代文本?
我尝试添加 title="" 但是当我将鼠标悬停在 FF 和 Safari 中的照片上时,我的 alt 文本仍然出现...
还有什么我可以尝试的吗?
这是我的示例页面:
http://ianmartinphotography.com/test-site/wedding-01/
谢谢!
html - 如何使用 alt 属性并确保 IE 不将它们用作工具提示?
我们的网站有一个图形主菜单(即文本在图像编辑器中完成,然后显示为图像),但是每当我将鼠标悬停在菜单项上时,它都会显示一个工具提示。(例如,当我将鼠标悬停在“联系我们”上时,会弹出另一个“联系我们”作为工具提示)
我的网页设计师说这对于让搜索引擎索引菜单文本是必要的,但它严重地使演示文稿变得丑陋 - 有没有办法避免工具提示但仍然让搜索引擎索引 alt 属性?
html - alt 标签内的 HTML 代码
将html代码放在alt标签中可以吗?
我有一个使用 alt 标签进行描述的滑块。为了样式描述,我必须放置 html 代码。
我的问题是我不知道它是否会损害 SEO 或任何其他需要考虑的事情..
asp.net - 在 asp.net 上 Img alt 属性本地化失败
我想在 asp.net 项目上本地化 img alt 属性,以便它可以是多语言的。我希望它最好在 LocalResources 中,而不是在 Global 中。另外我想知道如果不将 img 转换为 asp:Image 是否会发生这种情况。
我想要这样的东西:
有任何想法吗?谢谢你。
html - 幻灯片中每个图像的有效 alt 属性应该是什么?
在网站目录中,每个企业都有一个包含多张图像的幻灯片。如果我不知道每种情况下是什么样的图片,那么处理alt
每个图片/链接的属性的最佳方法应该是什么?
示例(已编辑)
html - 是否有'alt'属性
我正在使用<picture>
标签。我的目标群体使用现代浏览器,因此只要Firefox 支持 WebP,就无需使用该<img>
标签。
现在:
很快:
有没有办法在不使用标签时实现alt
属性?<picture>
<img>
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 的内容
html - HTML5的图像标签中的'alt'属性有什么用?
如果 HTML5 中的代码是:(*** 代表我们需要填写的任何信息,例如它不是关键字)
那么这里的 alt 属性实际上是做什么的呢?