Javascript 谷歌自定义搜索辅助功能

当我们在我们的网站上加入谷歌自定义搜索功能时，我们会自动从谷歌返回代码，其中包含一些谷歌品牌图片，这些图片没有alt标记以便于访问。除了编写自己的JavaScript向这些图像添加alt标记之外，我找不到其他解决方案。这是我的解决方案，但我的问题是：这是我们应该还是不应该做的事情？我想确保网站的所有部分都通过了可访问性测试

var x = document.getElementsByClassName("gsc-branding-img");

for (i = 0; i < x.length; i++) { 
    if(x[i].tagName == "IMG") {
        x[i].alt = "";
    }
}

var x=document.getElementsByClassName（“gsc品牌img”）；
对于（i=0；i

所讨论的图像是谷歌徽标，它是作为短语“由谷歌提供动力”的一部分呈现的，其中“谷歌”是徽标图像。对于没有其他文本的屏幕阅读器用户来说，这个短语没有意义

以下是谷歌自定义搜索插件的相关部分：

技术支持

关于的这篇文章有助于在我之前的项目中构建解决方案（针对您的同一个问题）

您可以构建如下回调：

window.__gcse = {
  callback: imgAltTagsFix
};  

var imgAltTagsFix = function() {
  $('img.gsc-branding-img').attr("alt", "Google Custom Search Branding");
  $('input.gsc-search-button').attr('alt', "Google Custom Search Button");
};

---

有关如何扩展此解决方案的更多详细信息，请务必查看本节。

您是否使用屏幕阅读器测试过此方法？它真的有好处吗？如果图像传递信息，这种方法不会产生可访问的应用程序。您应该添加Alt，但应确保它们是正确的。你能指向你的JSFIDLE网站吗？@unobe如果这是由Google自定义搜索插件生成的标记，谢谢你提供Google标记，我一开始就应该这样做！一个问题是我们用CSS隐藏图像，因为图像对我们的外观和感觉没有意义。请看这里：顶部的搜索框由GCSE支持，但我们不希望谷歌徽标出现在那里。这是一个比我得到的更干净的版本，谢谢！我还在学习JS和jQuery，谢谢你的帮助。屏幕阅读器会更乐意使用alt标记，即使它是空的，尽管我觉得我们必须为CSS隐藏的图像这样做很烦人。谢谢+我投我一票！