圖像替換和標題屬性

我有一個客戶不喜歡圖像的替代和標題屬性在瀏覽器中顯示的工具提示。他們要求將他們刪除。很明顯，這是搜索引擎優化和輔助功能的一個問題。圖像替換和標題屬性

而無障礙的事情是不是一個巨大的交易對我來說，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

圖像替換和標題屬性

回答

相關問題