Question

通过一些Java脚本在我的wordpress网站的隐藏部分放置了一个img标签。每次我在站点上运行扫描以查找可访问性错误时，这都会在每个站点的每个页面上显示。我想知道是否有办法在它上面添加一个alt标签，说“这是空的”或其他任何东西，因为无论如何都无法到达或看到。

我尝试过寻找其他替代方案，但是到目前为止我还没有任何运气，因此，我们将不胜感激。好消息是它似乎附加了一个类名，希望对您有所帮助。

<div class="className">
     <img>
  <div>
  </div>
</div

Answer 1

这就是您所需要的：

$('img').attr('alt', 'Whatever you want');

，或者如果您基于示例中的类名需要它：

$('.className > img').attr('alt', 'Whatever you want');

Answer 2

是的，您始终可以使用jquery将属性添加到图像，就像这样

$('img').attr('alt', 'This is very nice image');

如果您的图片超出了您可以使用的类别

$('.class_name').attr('alt', 'This is very nice image');

如果您的图片具有无法使用的ID

$('#id_name').attr('alt', 'This is very nice image');

Answer 3

使用此脚本，您可以为所有带有伪造alt标签（无alt标签，空字符串等）的图像设置默认的alt标签。

要注意的是alt标签有一个原因。使用面向文本的浏览器的人（例如盲人）使用这些alt标签，以便他们至少知道其中有哪种图像。当无法加载图像时，某些浏览器也会使用它。因此，如果要使用默认的alt标签，请确保所有没有alt标签的图像（在jQuery选择中）始终处于隐藏状态，否则可能会很烦人。

$('img').filter(function() {
  return !this.alt;
}).attr('alt', 'this is empty');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="className">
  <img src="https://dummyimage.com/50x50/000/fff.png&text=test">
  <img alt="" src="https://dummyimage.com/50x50/000/fff.png&text=test2">
  <img alt="has alt" src="https://dummyimage.com/50x50/000/fff.png&text=test3">
</div>

有没有办法使用jquery向img标签添加替代文本？

3 个答案: