2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

font-sizeを0にすると画像のaltが表示されない件

Posted at

#HTMLメールのテンプレート制作にて

とある HTMLメール 制作での出来事。

画像表示されてない時にaltがなかったのでどうしていいか分かりませんでした(なんでalt入れてないん?)

という指摘が。

いやいや、そんなバカな。ちゃんと入ってますがなw 確認してみてください。

としたり顔で返答。

:hourglass::hourglass_flowing_sand::hourglass::hourglass_flowing_sand::hourglass::hourglass_flowing_sand::hourglass::hourglass_flowing_sand::hourglass::hourglass_flowing_sand::hourglass::hourglass_flowing_sand::hourglass::hourglass_flowing_sand:

そしてしばらくたらい回しにされたaltちゃんに対して・・・

font-size:0 としてしまっているため、altが表示されないんじゃない?

バ・バカな!!フォントサイズってalt関係あるんですかぁ?????

再確認すると画像を囲っている親tdタグに font-size:0; が。

んなバカなぁ・・・とか半信半疑になりつつもFireFoxで画像表示offにして確認。

画像表示off( font-size:0;
alt00.png

うーむ、確かに消えて(見えない)いる。
じゃ、font-size:0; 消してみよう。

画像表示off( font-size:0;削除 )
alt01.png

.....表示されとる!!!!!!!

すいませんでしたぁああああああああ!:bow_tone1::bow_tone1::bow_tone1:
初歩的な確認怠ってましたぁああああああ!!!!!!:bow_tone1::bow_tone1::bow_tone1::bow_tone1::bow_tone1:

####補足

  • font-size:0; を入れていた理由:tdなど調整の際に、何もしないと10pxの高さが出てしまう、などの状態を防ぐためでした。
  • webページとしてのaltは、単なる代替テキストでは無い場合がありますので、役割等にご注意ください。

今更っていう感じで盲点でした!(恥ずかしい!

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?