Posted at

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


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は、単なる代替テキストでは無い場合がありますので、役割等にご注意ください。


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