Amazonを閲覧していて、「1TB」を検索するときに、星の評価画像の上にマウスカーソルを置くと、IEを使用している場合にのみスコアが表示されることに気付きました。別のブラウザを使用している場合、スコアは表示されません。
評価3.8と4.2の両方が4つ星で表示されます。もちろん、3.8スターvs 4.2スター（スコア76％対84％）は違いを生む可能性があります！
これは、altテキストを表示する標準的な方法は、ユーザーがグラフィックスをオフにするか、ブラウザーが "読み上げられる"場合（たとえば、視覚障害のあるユーザー向けのブラウザー）であるためです。ただし、IEはホバー時にそれを示します。
したがって、Amazonがユーザーのブラウザーに関係なく表示する場合はtitle、に加えて使用する必要があると思いますalt。同意しますか？
回答:
私は両方に行きます。タイトルはすべてのブラウザで素晴らしいツールチップを表示し、altは画像のないブラウザでブラウジングするときに説明を提供します。
とは言っても、実際に商品を閲覧するために「店」に行って実際に画像がオフになっているか、画像をサポートしていないブラウザーを使用している「サーファー」の数の統計を見たいと思います。人口の90％が28kモデムを使用してInterWebに接続する時代はもう終わりだと思います。
彼らは別のものに使用されます。alt属性が使用されている代わりに、画像の。画像が表示されない場合、およびスクリーンリーダーで表示される場合。
title属性が示されているに沿って一般的にホバリングツールチップとして、画像を有します。
一方を他方の「代わりに」使用しないでください。それぞれを適切に使用して、設計されていることを実行する必要があります。
<img>タグとして適用しないでください-代わりにCSSスタイルのdivを使用してください;）
ALT属性は、スクリーンリーダーを使用する視覚障害者向けです。ALTが画像タグにない場合、画像のURL全体が読み取られます。画像がサイトのデザインの一部である場合は、ALTを含める必要がありますが、空のままにして、サイトのすべての部分でURLを読み取る必要がないようにすることができます。
alt属性は（つまり、タグのセットで定義されimg、area必要に応じてのためにinputとapplet）あなたがオブジェクトの等価テキストを提供できるようにします。
同等のテキストは、次の一般的な状況でWebサイトとその訪問者に次の利点をもたらします。
この手法の目的は、title属性にヘルプ情報を提供することにより、ユーザーがフォームにデータを入力するときに状況依存のヘルプを提供することです。ヘルプには、フォーマット情報または入力の例が含まれる場合があります。
例1：検索
の範囲を制限するプルダウンメニュー検索フォームは、プルダウンメニューを使用して検索の範囲を制限します。プルダウンメニューは、検索語の入力に使用するテキストフィールドのすぐ隣にあります。検索フィールドとプルダウンメニューの関係は、視覚的なデザインを見ることができ、ラベルを表示するスペースがないユーザーには明らかです。このtitle属性は、selectメニューを識別するために使用されます。このtitle属性は、スクリーンリーダーで読み上げたり、画面拡大鏡を使用するユーザー向けのツールヒントとして表示したりできます。
<label for="searchTerm">Search for:</label>
<input id="searchTerm" type="text" size="30" value="" name="searchTerm">
<select title="Search in" id="scope">
...
</select>
例2：電話番号の入力フィールド
Webページには、米国の電話番号を入力するためのコントロールが含まれており、市外局番、交換、および最後の4桁の3つのフィールドがあります。
<fieldset>
<legend>Phone number</legend>
<input id="areaCode" name="areaCode" title="Area Code" type="text" size="3" value="" >
<input id="exchange" name="exchange" title="First three digits of phone number" type="text" size="3" value="" >
<input id="lastDigits" name="lastDigits" title="Last four digits of phone number" type="text" size="4" value="" >
</fieldset>
例3：検索機能
Webページには、ユーザーが検索語を入力できるテキストフィールドと、検索を実行するための「検索」というラベルの付いたボタンが含まれています。このtitle属性はフォームコントロールを識別するために使用され、ボタンはテキストフィールドの直後に配置されるため、テキストフィールドが検索用語を入力する場所であることがユーザーに明確になります。
<input type="text" title="Type search term here"/> <input type="submit" value="Search"/>例4：フォームコントロール
のデータテーブルフォームコントロールのデータテーブルは、各コントロールをそのセルの列ヘッダーと行ヘッダーに関連付ける必要があります。タイトル（または画面外のLABEL）がないと、フォームをタブで移動しているときに、支援技術を使用して、非ビジュアルユーザーが対応する行/列ヘッダー値を一時停止して問い合わせることは困難です。
たとえば、調査フォームの最初の行には、質問、同意する、未定、同意しないの4つの列ヘッダーがあります。次の各行には、3つの列の回答の選択に対応する各セルの質問とラジオボタンが含まれています。すべてのラジオボタンのタイトル属性は、ハイフンまたはコロンを区切り文字として使用した、回答の選択肢（列ヘッダー）と質問のテキスト（行ヘッダー）の連結です。
MDNで言及されている許可された属性。
altcrossorigindecodingheightimportance （実験用API）intrinsicsize （実験用API）ismapreferrerpolicy （実験用API）srcsrcsetwidthusemapご覧のとおり、要素title内では属性を使用できませんimg。私はalt属性を使用し、必要に応じて属性の:hover代わりにCSS（例：擬似クラス）を使用しtitleます。
ASP.NET MVCのMVCFuturesは、両方を行うことを決定しました。実際、「alt」を指定すると、同じ値の「タイトル」が自動的に作成されます。
手元にソースコードはありませんが、グーグル検索でテストケースが見つかりました！
[TestMethod]
public void ImageWithAltValueInObjectDictionaryRendersImageWithAltAndTitleTag() {
HtmlHelper html = TestHelper.GetHtmlHelper(new ViewDataDictionary());
string imageResult = html.Image("/system/web/mvc.jpg", new { alt = "this is an alt value" });
Assert.AreEqual("<img alt=\"this is an alt value\" src=\"/system/web/mvc.jpg\" title=\"this is an alt value\" />", imageResult);
}
img要素にはtitle属性を使用しないでください。これの背後にある推論は非常に簡単です：
おそらくキャプション情報は、デフォルトですべてのユーザーが利用できる重要な情報です。その場合は、このコンテンツを画像の横にテキストとして表示します。
出典： http : //blog.paciellogroup.com/2010/11/using-the-html-title-attribute/
HTML 5.1には、title属性の使用に関する一般的なアドバイスが含まれています。
タイトル属性に依存することは、現在のところ推奨されていません。多くのユーザーエージェントは、この仕様で必要とされるアクセス可能な方法で属性を公開しないためです（たとえば、マウスなどのポインティングデバイスにツールチップを表示させる必要があるため、キーボードのみのユーザーと現代の携帯電話やタブレットを持っている人など、タッチのみのユーザー）。
出典： http : //www.w3.org/html/wg/drafts/html/master/dom.html#the-title-attribute
アクセシビリティとさまざまなスクリーンリーダーについて：
したがって、Denis Boudreauが適切に表現したとおり、明らかに推奨される方法ではありません。