0
Outlook 2013: ALT Text + Image Height and Width
I've tested this on Outlook 2013 Desktop, and the ALT text does not display when the height and width are not expressed as pixels.
So this will not show ALT text in Outlook 2013:
<img src="image.gif" alt="This is alt text" style="font-family: Helvetica, Arial, Verdana, Trebuchet MS, sans-serif; font-size: 16px; height: auto; width: 100%;"/>
But this will show the ALT text in Outlook 2013:
<img src="image.gif" alt="This is alt text" style="font-family: Helvetica, Arial, Verdana, Trebuchet MS, sans-serif; font-size: 16px; height:310; width:600;"/>
Anyone know of any possible work arounds?
You must specify width and height attributes in pixel values for images or Outlook ignores it. If you are using fluid images and need a fixed-width fallback for outlook, you could try using the
<v:image />
tag and hide your normal image from Outlook using<div style="mso-hide:all"><img /></div>
.Thanks for the response, Michael.
Yes, I was using fluid images. My quick workaround is to specify the height and width in pixels in the img tag itself, but replace it with the 100% and auto values in the @screen media queries.
This seems to work to display the alt text on Outlook desktop as far as I can tell.