问题标签 [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 投票
2 回答
53041 浏览

jquery - 如何在点击时更改图像和 alt 属性?

我希望使用 JQuery 而不是普通的 JavaScript 更改几个图像 onclick,并同时更改图像 alt 属性以实现可访问性。

这应该很容易,因为我不想对变化做一些特殊的影响,但我仍然没有找到任何关于它的东西。

这是我使用 JS 的方式(不更改 alt 属性):

有没有办法避免重复图像/子文件夹的名称/?

编辑:非常感谢 altCognito 但我不明白如何使用此代码为每个图像设置不同的 alt 属性。也许我忘了提到我正在寻找它(我的错)。

0 投票
5 回答
7727 浏览

jquery - 如何使用 jQuery 多次更改图像的 alt 属性?

这个问题完成了我在这里询问的关于如何使用 jQuery 在点击时更改图像的第一个问题。

我忘了说(即使我稍后编辑了我的帖子)我正在寻找一种方法来在每次通过点击更改图像时拥有不同的 alt 属性。

(这是为了更好的可访问性和 SEO 优化。)

由于 altCognito,这是实际的 html 代码:

和jQuery:

它可以在jsbin进行编辑。

0 投票
1 回答
1446 浏览

content-management-system - 保存内容时,Umbraco CMS 从图像中剥离 ALT 标签

Umbraco 正在服用:

并将其变成

如果我在此处理后更改了 alt 标签,则保存 alt 标签。

0 投票
1 回答
1154 浏览

javascript - 提取 alt 的值

我希望使用 Javascript 或 jQuery 从 HTML 中单击的特定图像中提取 alt 标记,并将其值复制到标题字段中。

这就是我到目前为止所拥有的,但它不起作用。

0 投票
3 回答
713 浏览

html - 在标题中,带有替代文本的图像与文本

搜索引擎对待放置在 h1 标签中的图像的 alt 文本是否与对待放置在 h1 标签中的常规文本相同?

我在这里进行了搜索以寻找此问题的答案,但只能找到有关图像替换和臭名昭著的 h1 辩论的信息。

例如会:

与以下操作相同:

在搜索引擎的电子眼中?

与负文本缩进、display:none、height:0 或荒谬的 z-index 整数等其他图像替换技术相比,这似乎要少得多“CSS Hacky”。

0 投票
4 回答
2256 浏览

jquery - 从 alt 属性中提取标题并插入到 div

我目前在网站上使用相当可爱的 jQuery slideviewer 1.1 插件,但想从显示的图像中提取 alt 属性并在适当的时候将它们插入到 div 中。

该插件的当前代码如下所示以供参考:

0 投票
4 回答
812 浏览

html - 如何抑制 AREA 标签的 alt 工具提示弹出?

我正在使用包含很多<area>标签的图像映射。我alt在 IE 中作为工具提示弹出的每个区域都有属性。我们可以抑制这种行为吗?我尝试使用空title属性,但它不起作用。

编辑:我需要其他屏幕阅读器的 alt 属性。所以我不能让它空着把它删除。我只是想抑制它在 IE 中的弹出行为。是

0 投票
6 回答
5870 浏览

html - 我可以换行 img alt 文本吗?

我有一个由 css 样式设置为 100x75 的图像。当它不加载时,替代文本会加载到空间中,但会将容器扩展至超过 100 像素的宽度。

我怎样才能防止这种情况?要么把它剪掉,要么把它包起来。

0 投票
3 回答
1490 浏览

javascript - 为什么alt 属性并不总是正确显示

所以我有这个 php 脚本,它输出一个 html 表,其中包含一些文件的数据(如文件名、文件大小等......)

我有这个 javascript 函数,当您悬停属于“预览”类的标签时,它会显示图片。例如,如果文件名为:somePic.jpg,当您将 somePic.jpg 悬停在表格中时,图片将出现在您的鼠标旁边。

现在不是所有这些文件都是图片,有些是.mp3,所以当你将它们悬停时,javascript当然无法显示图片。为了处理这种情况,我在标记(由 javascript 函数生成)中添加了一个 alt 属性:alt='Preview not available for this type of content.'

这是我的问题,有时有效,但有时无效!有时您开始悬停.mp3链接,并显示alt属性,然后悬停图片,显示图片,然后再次悬停.mp3,alt不再显示,而是“损坏的图像”图像(小红叉)改为显示...

当然,我可以解析文件名并检测它何时是 mp3,然后处理这种情况,但我认为 alt 属性应该可以实现这一点......但它有问题......

任何的想法?有没有人已经面临这个问题?

0 投票
1 回答
823 浏览

coldfusion - 在coldfusion中如何找到链接文件的文件大小并将其用作alt属性

我有一个大列表,其中包含链接到 pdf 和 msword 文件的图标。我想以 kb 为单位获取链接文件的文件大小,然后将其用作图像上的 alt 属性。生成的代码看起来像这样。

文件的所有链接都是静态href,因为并非目录中的所有文件都在此列表中使用。我将如何进行冷融合?我是否必须使用cfdirectory获取所有文件,然后将它们与 href 匹配?或者有没有办法只解析父 href 并获取文件大小?

谢谢!