121

Amazonを閲覧していて、「 1TB」を検索するときに、マウス カーソルを星の評価画像の上に置くと、IE を使用している場合にのみスコアが表示されることに気付きました。他のブラウザを使用している場合、スコアは表示されません。

3.8 の評価と 4.2 の評価は、両方とも 4 つ星として表示されます。もちろん、星 3.8 対 星 4.2 (76% 対 84% のスコア) は違いを生む可能性があります!

これは、altテキストを表示する標準的な方法は、ユーザーがグラフィックスをオフにするか、ブラウザーが「読み上げられる」場合 (視覚障害のあるユーザー向けのブラウザーなど) に限られるためです。ただし、IEではホバー時に表示されます。

Amazon がユーザーのブラウザに関係なく表示するのであれば、titleに加えて使用する必要があると思いますalt。同意しますか？

4

12 に答える 12

175

それらはさまざまなものに使用されます。画像の代わりaltに属性が使用されます。画像を表示できない場合、およびスクリーン リーダーで。

title属性は、通常、ホバー ツールチップとして画像と共に表示されます。

一方を他方の「代わりに」使用しないでください。それぞれが設計された目的を果たすために、 適切に使用する必要があります。

于 2009-05-16T13:08:27.443 に答える
69

私は両方に行きます。タイトルはすべてのブラウザーで便利なツールチップを表示し、alt は画像のないブラウザーでブラウジングするときに説明を表示します。

とはいえ、商品を閲覧するために「店」に行く「サーファー」が実際に画像をオフにしているか、画像をサポートしていないブラウザーを使用している数の統計を見たい. 人口の 90% が 28k モデムを使用して InterWeb に接続する時代はとうに過ぎたと思います。

于 2009-05-16T13:06:16.840 に答える
12

すでに述べたように、 altとtitleは別のものです。title属性はツールチップを提供しますが、画像が表示できない場合に表示されるテキストを指定するaltも重要な属性です。(Firefox などの一部のブラウザーでは、画像の読み込み中にこのテキストも表示されます)

XHTML ドキュメントとして検証するにはalt属性が必要ですが、title属性はいわば「追加のオプション」にすぎません。

于 2009-05-16T21:46:43.577 に答える
7

これは、それらが異なる目的を果たし、どちらか一方だけを使用するのではなく、両方を使用する必要があるためです。

「alt」は皆さんがすでに言ったことのためのものなので、（何らかの理由で）画像を表示できない場合に画像が何であるかを確認できます。また、視覚障害のある人が画像が何であるかを理解することもできます.

「タイトル」属性は、ツールチップに画像のタイトルを表示するための正しい属性です。

于 2009-05-16T13:09:26.410 に答える
6

私の意見では、代替テキストは、画像が表示されていない場合に備えて、画像に表示されているものを常に説明する必要があります。

alt = text [CS] イメージ、フォーム、またはアプレットを表示できないユーザー エージェントの場合、この属性は代替テキストを指定します。代替テキストの言語は lang 属性で指定されます。

w3.org

于 2009-05-16T13:07:55.337 に答える
3

XHTML に厳密に準拠するには alt が必要だと思います。

他の人が指摘しているように、title はツールチップ (あると便利)、alt はアクセシビリティ用です。両方を使用しても問題はありませんが、alt は常に存在する必要があります。

于 2009-05-16T21:37:31.307 に答える
2

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

アクセシビリティとさまざまなスクリーン リーダーに関しては:

  • Jaws 10-11: デフォルトでオフ
  • Window-Eyes 7.02: デフォルトでオン
  • NVDA: 非対応 (サポートオプションなし)
  • VoiceOver: サポートされていません (サポート オプションなし)

したがって、Denis Boudreauが適切に述べているように、明らかに推奨される方法ではありません。

于 2013-08-15T09:33:25.283 に答える
0

ASP.NET MVC の MVCFutures は、両方を行うことにしました。実際、「alt」を指定すると、同じ値の「タイトル」が自動的に作成されます。

手元にソース コードはありませんが、簡単な Google 検索でテスト ケースが見つかりました。

    [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);
    }
于 2009-07-31T01:18:37.033 に答える
0

altいいえ、その属性の目的は、画像が表示できない場合に「代替」テキストを提供することであるため (画像が見つからないか、ブラウザー自体が表示できないかどうかに関係なく)、より良いと思います)。

于 2009-05-16T13:02:50.843 に答える