イメージaltとtitleの属性

Question

私は、ブラウザのツールチップをイメージのalt属性とtitle属性で嫌うクライアントを持っています。彼らは彼らを取り除くよう要求した。明らかに、これはSEOとアクセシビリティの両方の問題です。

アクセシビリティの問題は私にとっては大したことではありませんが、SEO要因があります。私の最初の考えは、クイックJSスクリプトで画像のalt属性とtitle属性を削除することです。誰でもその問題を参照してください？

Answer 1

altとtitleの属性は2つの異なるものです。

alt属性はアクセシビリティ上の理由から使用され、W3Cによって設定された基準によって必要とされます。米国では、それはセクション508の法律および規制の一部でもあります。 alt属性は、Internet Explorerの古いバージョンでは、ツールチップを使用してその内容を表示することで機能しません。私は事実を知っているInternet Explorer 9はもはやこの動作がありません。

title属性は、ブラウザにその内容のツールチップを強制的に表示するために使用されます。

あなたのアドバイスはtitle属性の代わりにalt属性を排他的に使用しています。ツールチップがあまりにも多くの場合、ブラウザーを標準に準拠したブラウザーに更新するようクライアントに指示します。

最新のスクリーンリーダーは、生成されたDOMを読み取ります。つまり、JavaScriptを使用してタグを削除すると、実際にコードを無効にするだけでなく、支援技術を使用してサイトを訪問するユーザーを傷つける可能性があります。

私は強くお勧めします。

詳しい情報
ターゲットが原因alt属性で訴えられかつ落ち着いた：http://www.sitepoint.com/target-settles-accessibility-lawsuit-for-6-million/

ため、この画期的なケースで、それはその第508条はのみ連邦政府と政府のウェブサイトには適用されませんと言っても安全です。バニラはJavaScriptで

Answer 2

アクセシビリティに問題がなければ、JavaScriptを使用してコンテンツを削除することはできません。

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

あなたはまた、onmouseoverイベントのタイトルコンテンツを削除し、SEOのためれるonmouseoutイベントに戻ってそれを追加することができます：あなたはjQueryのを使用してOKだと仮定すると、これは私の意見では最も簡単な方法です。

Answer 3

特定の状況でのみこれらの機能を削除するかどうかを検討する必要があります。私は毎日のビジネスで多くの似たようなアイデアを経験しています。なぜなら、何人かは自分たちで何かを理解するのが好きではないかもしれないからです。アクセシビリティなどでウェブサイトを悪化させるのではなく、必要な機能を提供するGreasemonkeyスクリプトを追加します。少なくとも、Cookieやそのようなものを設定することによって、さらに設定可能なオプションにする必要があります。

多分、クライアントを納得させるには、何かを取り除き、誰もが自分のために選択できるようにし、最高のSEOとアクセシビリティのためのデフォルト設定を有効にするよりも良いでしょう。

Answer 4

、あなたが使用できます。

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。