图像替换和标题属性

我有一个客户不喜欢图像的替代和标题属性在浏览器中显示的工具提示。他们要求将他们删除。很明显，这是搜索引擎优化和辅助功能的一个问题。图像替换和标题属性

而无障碍的事情是不是一个巨大的交易对我来说，SEO因素。我最初的想法是用一个快速的JS脚本去除图像的alt和title属性。任何人都可以看到任何问题？

2011-06-22 Chris

“无障碍”的东西应该是一个巨大的交易给你。这是法律。 http://www.section508.gov/ –

这对你有帮助吗？ http://dotjay.co.uk/2007/apr/removing-alt-tooltips-in-ie-with-javascript – Eray

@Michael - 哇。我不知道这个。谢谢你的头。 – Chris

的alt和title属性是两回事。

的alt属性用于访问性的原因，并且通过由W3C制定的标准要求。在美国，它也是第508条法律和法规的一部分。通过工具提示显示其内容，旧版本的Internet Explorer中的alt属性表现不佳。我知道Internet Explorer 9不再有这种行为。

title该属性用于强制浏览器中，示出工具提示与它的内容。

我给你的建议是使用alt属性完全代替title属性。如果工具提示让他们感到厌烦，建议您的客户将其浏览器更新为符合标准的浏览器。

现代屏幕阅读器读取生成的DOM。这意味着如果您通过JavaScript删除标签，那么您不仅会在事实之后使代码无效，还可能会伤害那些使用辅助技术访问网站的人。

我强烈建议你不要这样做。

更多信息
目标被起诉并定居，因为alt属性：http://www.sitepoint.com/target-settles-accessibility-lawsuit-for-6-million/

由于这个里程碑式的案件中，就可以安全地说，第508 DOES NOT只适用于联邦和政府网站。

来源

2011-06-22 17:34:26

再次感谢迈克尔。你知道我在哪里可以找到关于网站无障碍的美国法律的更多信息吗？我只能通过你以前的链接找到规范联邦网站的法律先例。 – Chris

@迈克尔，你能解释一下吗？“第508节不仅适用于联邦和政府网站”多一点？当然，你不是说第508节适用于每个创建的网站（即使它应该）？ –

我知道我网站上有很多关于你的信息，虽然很难浏览。你可以看看Cythia说：http://www.cynthiasays.com/。这就像一个可访问性的验证器。此外，伊利诺伊大学也有一个很好的可访问性验证器：http://fae.cita.uiuc.edu/。因为伊利诺伊州的规则更严格一些，但它们都是好习惯，因为从长远来看，它们让你的网站更容易被所有人访问。 –

如果无障碍不是一个问题，我看到使用JavaScript来删除的内容没有问题。假设你有使用jQuery OK，这是在我看来，最简单的方法：

$(document).ready(function() 
{ 
    $('[title]').removeAttr('title'); 
});

你也可以消除在onmouseover事件标题内容，然后将其重新添加的onmouseout事件的搜索引擎优化的缘故。

来源

2011-06-22 17:27:33

那么考虑到大多数所有的搜索引擎不完全阅读Javascript（但），我不认为我需要将其添加回来。尽管遵守搜索引擎蜘蛛的未来将是一个好主意。 – Chris

您应该考虑是否只在某些情况下删除这些功能。我在日常生意中经历了许多类似的想法，因为有些人不喜欢了解某些事情是有益的，也许可以自己处理它们...

...这让我想到最终添加一个Greasemonkey脚本，它提供了所需的功能，而不是通过可访问性等方式恶化网站。至少它应该是一个额外的可配置选项，可能通过设置cookie或类似的东西。

也许你可以说服客户，这是一个比摆脱东西更好，让每个人都有自己的选择，并激活默认设置，以获得最佳搜索引擎优化和可访问性。

来源

2011-06-22 17:32:50 Alex

在香草的JavaScript，你可以使用：

var images = document.getElementsByTagName('img'); 

for (i=0; i<images.length; i++){ 
    images[i].removeAttribute('title'); 
    images[i].removeAttribute('alt'); 
}

JS Fiddle demo。

参考：

removeAttribute() at the Mozilla Developer Center。

来源

2011-06-22 17:38:35

图像替换和标题属性

回答

相关问题