alt属性とtitle属性を両方記述し画像オフでブラウジングすると、画像の代替文字であるalt属性が表示されませんでした。
(ツールチップの事ではなく、非表示になった画像部分のスペースに、alt属性で記述した文字列が表示されない状態です。)
IEでは[インターネットオプション]→[詳細設定]→[ダウンロードする画像のプレースホルダーを表示する]にチェックを入れるとalt属性が表示されるようになりましたが、Firefoxではそのような設定項目が見つかりません。
alt属性とtitle属性の両方を記述した場合、画像オフでalt属性が表示されないというのはFirefoxの仕様なのでしょうか?
もし表示させるようなFirefoxの設定がありましたら教えて下さい。
また、title属性を記述せずalt属性だけを記述した場合には、IE,Firefox共に画像オフでalt属性がきちんと表示されました。
No.2ベストアンサー
- 回答日時:
Firefox3.6ですが、オプション→コンテンツ→画像を自動的に読み込む のチェックをオフにすると、altがちゃんと表示されました。
ソースは、これです。
<html>
<body>
<img src="http://gazo.okwave.jp/okwave/images/contents/av_ … alt="aaaaaaaaaaa" title="tttttttttttt">
</body></html>
表示されないという原因はわかりませんが、アドオンが悪さしてるとか?
回答有難うございます。
ちゃんと表示される方もいるという事は、仕様などではなく何かが原因となって起こっている現象だったんですね。
そして「アドオンが悪さをしているのでは」という言葉にヒントを得て、原因を突き止める事が出来ました。
qTip(http://qrayg.com/learn/code/qtip)というtitle属性をツールチップ表示するJSライブラリを使用しているのですが、もしやと思いこれを外してみたら、画像オフでalt属性がきちんと表示されるようになりました。
お騒がせして大変申し訳ありませんでした。
No.3
- 回答日時:
src=""の無い空画像を表示すればわかるのでは?
<img src="" height="100" width="300" alt="画像オフでalt部分を表示" title="オンマウスでtitle部分を表示">
回答有難うございます。
なるほど、その方法で画像オン状態のalt属性の有効性を確認する事が出来ますね。
実際にご提示頂いたソースコードで空画像を表示させてみたところ、やはりalt属性も何も表示されませんでした。
つまりFirefoxの画像オフ設定が影響しているのでは無いという事ですね。
今回は、No2の方へのお礼に書きましたように、導入していたJSライブラリが原因だと判りました。
JavaScriptに関してはスキル不足で、スクリプトのソースを追っての完全な原因究明は出来ませんが、何が影響しているのかが判りましたのでこれで解決とさせて頂きたいと思います。
お騒がせして大変申し訳ありませんでした。
No.1
- 回答日時:
以下参考になるかと
http://www.mozilla.gr.jp/standards/webtips0024.h …
ようは視覚的表現はtitleが優先されるというのがmozillaの解釈
ということでは?
回答有難うございます、リンク先のページも熟読させて頂きました。
title属性とalt属性に対するMozillaの解釈について非常に参考になりました。
しかし、私の書き方が悪かったのですが、画像オフにした際、代替文字が表示されるべき場所に何も表示されないのです。
title属性が優先されてalt属性の代わりに表示されるという事ならばユーザビリティの点でも問題無いのですが…。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
タイトルバーに画像を入れるHTM...
-
バナーの貼り方とバナーにリン...
-
HTML上の画像を結合する方法が...
-
<area></area> 部分にボーダー...
-
WEBサイトの一部コンテンツがス...
-
予約語の表示について
-
画像クリックでクリップボード...
-
pngやjsの後ろの英数字の意味は...
-
HTMLにQRコードを挿入する方法
-
areaタグのマウスオーバー時に枠線
-
スライドショーの上にロゴマー...
-
tifファイルが表示されない
-
htmlでのpdf資料のリンク方法
-
【SEO】1ページ内のリンク数の...
-
カメラで撮影した画像をOpenGL...
-
HTMLファイルの一部の画像だけ...
-
画像が表示される場所に×印が表...
-
複数のボタンで1つのエリアに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
pngやjsの後ろの英数字の意味は...
-
スライドショーの上にロゴマー...
-
バナーの貼り方とバナーにリン...
-
背景が透明なリンクボタンで、...
-
HTMLにQRコードを挿入する方法
-
タイトルバーに画像を入れるHTM...
-
form以外でのpostってできますか?
-
HTMLでデスクトップの画像がでない
-
CSSなどでHTML全体の表示を拡大...
-
画像クリックでクリップボード...
-
すいません HTMLです この画像...
-
拡張子無しで画像を表示したいです
-
期間ごとに画像表示を切り替え...
-
クリックしても、リンクに飛ば...
-
特定の画像ファイルでレイアウ...
-
カウンターのHTMLソースを教え...
-
バナーのURLについて
-
クリッカブルMAP領域が分かる様...
おすすめ情報