alt属性とtitle属性を両方記述し画像オフでブラウジングすると、画

解決済

質問者：by_maids
質問日時：2010/01/26 17:47
回答数：3件

alt属性とtitle属性を両方記述し画像オフでブラウジングすると、画像の代替文字であるalt属性が表示されませんでした。
（ツールチップの事ではなく、非表示になった画像部分のスペースに、alt属性で記述した文字列が表示されない状態です。）

IEでは[インターネットオプション]→[詳細設定]→[ダウンロードする画像のプレースホルダーを表示する]にチェックを入れるとalt属性が表示されるようになりましたが、Firefoxではそのような設定項目が見つかりません。
alt属性とtitle属性の両方を記述した場合、画像オフでalt属性が表示されないというのはFirefoxの仕様なのでしょうか？
もし表示させるようなFirefoxの設定がありましたら教えて下さい。

また、title属性を記述せずalt属性だけを記述した場合には、IE,Firefox共に画像オフでalt属性がきちんと表示されました。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： notnot
回答日時：2010/01/26 21:44

Firefox3.6ですが、オプション→コンテンツ→画像を自動的に読み込むのチェックをオフにすると、altがちゃんと表示されました。

ソースは、これです。

<html>
<body>
<img src="http://gazo.okwave.jp/okwave/images/contents/av_ … alt="aaaaaaaaaaa" title="tttttttttttt">
</body></html>

表示されないという原因はわかりませんが、アドオンが悪さしてるとか？

- 0
- 件

通報する

この回答へのお礼

回答有難うございます。
ちゃんと表示される方もいるという事は、仕様などではなく何かが原因となって起こっている現象だったんですね。
そして「アドオンが悪さをしているのでは」という言葉にヒントを得て、原因を突き止める事が出来ました。
qTip（http://qrayg.com/learn/code/qtip）というtitle属性をツールチップ表示するJSライブラリを使用しているのですが、もしやと思いこれを外してみたら、画像オフでalt属性がきちんと表示されるようになりました。
お騒がせして大変申し訳ありませんでした。

通報する

お礼日時：2010/01/27 03:10

No.3

回答者： naokita
回答日時：2010/01/26 22:11

src=""の無い空画像を表示すればわかるのでは？

- 0
- 件

通報する

この回答へのお礼

回答有難うございます。
なるほど、その方法で画像オン状態のalt属性の有効性を確認する事が出来ますね。
実際にご提示頂いたソースコードで空画像を表示させてみたところ、やはりalt属性も何も表示されませんでした。
つまりFirefoxの画像オフ設定が影響しているのでは無いという事ですね。

今回は、No2の方へのお礼に書きましたように、導入していたJSライブラリが原因だと判りました。
JavaScriptに関してはスキル不足で、スクリプトのソースを追っての完全な原因究明は出来ませんが、何が影響しているのかが判りましたのでこれで解決とさせて頂きたいと思います。
お騒がせして大変申し訳ありませんでした。

通報する

お礼日時：2010/01/27 03:11

No.1

回答者： yambejp
回答日時：2010/01/26 18:23

以下参考になるかと

http://www.mozilla.gr.jp/standards/webtips0024.h …

ようは視覚的表現はtitleが優先されるというのがmozillaの解釈
ということでは？

- 0
- 件

通報する

この回答へのお礼

回答有難うございます、リンク先のページも熟読させて頂きました。
title属性とalt属性に対するMozillaの解釈について非常に参考になりました。

しかし、私の書き方が悪かったのですが、画像オフにした際、代替文字が表示されるべき場所に何も表示されないのです。
title属性が優先されてalt属性の代わりに表示されるという事ならばユーザビリティの点でも問題無いのですが…。

通報する

お礼日時：2010/01/26 19:08

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！