Javascript 图像Alt和Title属性

我有一个客户不喜欢浏览器中通过图像的alt和title属性显示的工具提示。他们要求撤走他们。显然，这对搜索引擎优化和可访问性都是一个问题

虽然可访问性对我来说不是什么大问题，但SEO因素是。我最初的想法是使用一个快速JS脚本删除图像的alt和title属性。有人看到这有什么问题吗？

如果可访问性不是问题，那么我看不到使用JavaScript删除内容有什么问题。假设您可以使用jQuery，我认为这是最简单的方法：

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

为了搜索引擎优化，您还可以删除onmouseover事件中的标题内容，然后将其添加回onmouseout事件。

如果可访问性不是问题，我认为使用JavaScript删除内容没有问题。假设您可以使用jQuery，我认为这是最简单的方法：

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

---

你也可以删除OnMouthRever事件中的标题内容，然后将其添加到OnMouthOuto事件中，以便搜索引擎优化。

如果你想在某些情况下删除这些特性，你应该考虑一下。我在日常工作中也遇到过很多类似的想法，因为有些人不喜欢理解某件事情的好处，也许他们自己会处理它们

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

---

也许你可以说服客户，这比摆脱某些东西要好，让每个人都能自己选择，激活最佳SEO和可访问性的默认设置。

你应该考虑是否只在某些情况下删除这些特性。我在日常工作中也遇到过很多类似的想法，因为有些人不喜欢理解某件事情的好处，也许他们自己会处理它们

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

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

alt和title属性是两个不同的东西

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

“标题”属性用于强制浏览器显示包含其内容的工具提示

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

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

我强烈建议你不要这样做

更多信息 由于alt属性，目标被起诉并解决：

由于这个具有里程碑意义的案例，可以肯定地说，第508节不仅适用于联邦和政府网站。

alt和title属性是两个不同的东西

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

“标题”属性用于强制浏览器显示包含其内容的工具提示

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

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

我强烈建议你不要这样做

更多信息 由于alt属性，目标被起诉并解决：

由于这起具有里程碑意义的案件，可以肯定地说，第508节

---

不仅适用于联邦和政府网站。

在vanilla JavaScript中，您可以使用：

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

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

参考：

.

---

在香草JavaScript中，您可以使用：

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

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

参考：

.

---

---

可访问性对你来说应该是一件大事。这是法律。这对你有帮助吗@迈克尔-哇。我不知道这件事。谢谢你的提醒。关于无障碍性的法律似乎只适用于联邦/政府网站。尽管建议所有人都遵守这些规定。正如一个指针：第508节可能是法律，但只有在您所在的地方，世界其他地方可能有类似的法律，而且无障碍性非常重要，应该予以推广，无论当地立法如何……无障碍性对您来说应该是一件大事。这是法律。这对你有帮助吗@迈克尔-哇。我不知道这件事。谢谢你的提醒。关于无障碍性的法律似乎只适用于联邦/政府网站。尽管建议所有人都遵守这些规定。正如一个指针：第508节可能是法律，但只有在您所在的地方，世界其他地方可能有类似的法律，而且可访问性非常重要，应该加以推广，无论当地立法如何……考虑到大多数搜索引擎尚未完全阅读Javascript，我想我不需要再加回去了。尽管遵从搜索引擎蜘蛛的未来是个好主意。考虑到大多数搜索引擎还没有完全阅读Javascript，我认为我不需要再添加它。尽管遵从搜索引擎蜘蛛的未来是个好主意。再次感谢Michael。你知道我在哪里可以找到更多关于网站可访问性的美国法律信息吗？我只能通过你之前的链接找到监管联邦网站的法律先例。@Michael，你能解释一下，第508节不仅仅适用于联邦和政府网站吗？当然，你不是说第508节适用于所有创建的网站，即使它应该适用？我知道我链接到你的网站上有大量信息，尽管很难导航。你可以看看Cythia说的：。它就像一个可访问性的验证器。此外，伊利诺伊大学还有一个很好的可访问性验证器：它更进一步，因为伊利诺伊州有更严格的规定，但它们都是良好的习惯做法，因为从长远来看，它们使您的站点更容易被所有人访问。@Quickfire55在2006年针对Target的案件之前，我同意你的说法，不是每个网站都需要遵守ADA和第508节的规定。那个案子改变了它。如果你不跟随他们，你会被起诉吗？也许不会，但只要一个人就能改变。如果你在美国，你要遵守这些规定。如果不仅仅是因为CYA因素，而且是因为你想要网站的流量，你为什么不花点时间确保你不会因为人们的残疾而拒绝他们？@Michael，我不同意无障碍性应该是我们都努力追求的东西，但我不同意目标案例改变了一切。Target在IMHO解决了一项公关活动，因此没有法律先例。在美国，任何人都可以起诉任何人——这是美国人的方式。再次感谢迈克尔。你知道我在哪里可以找到更多关于网站可访问性的美国法律信息吗？我只能通过你之前的链接找到监管联邦网站的法律先例。@Michael，你能解释一下，第508节不仅仅适用于联邦和政府网站吗？当然，你不是说第508节适用于所有创建的网站，即使它应该适用？我知道我链接到你的网站上有大量信息，尽管很难导航。你可以看看Cythia说的：。它就像一个可访问性的验证器。此外，伊利诺伊大学还有一个很好的可访问性验证器：它更进一步，因为伊利诺伊州有更严格的规定，但它们都是良好的习惯做法，因为从长远来看，它们使您的站点更容易被所有人访问。@Quickfire55在2006年针对Target的案件之前，我同意你的说法，不是每个网站都需要遵守ADA和第508节的规定。那个案子改变了它。如果你不跟随他们，你会被起诉吗？也许不会，但只要一个人就能改变。如果你在美国，你要遵守这些规定。如果不仅仅是因为CYA因素，而且是因为你想要网站的流量，你为什么不花点时间确保你不会因为人们的残疾而拒绝他们？@Michael，我不同意无障碍性应该是我们都努力追求的东西，但我不同意目标案例改变了一切。Target在IMHO解决了一项公关活动，因此没有法律先例。在美国，任何人都可以起诉任何人——这是美国人的方式。