No email can produce results if it looks empty. As we often remind our clients, nearly a third of subscribers have images turned off by default, including Android phone readers and many Outlook subscribers. That’s why we talk about using text pre-headers, a good balance of text and image and alternative or “alt” text when designing emails.
At the basic level, you should add alt text to any image in your email design, just in case readers have images turned off.
This will show up in the blank image spot when images are turned off, like this:
You can stylize the look of that text that shows when images are off: adding a font color, size and more. For example, this:
Will change the alt text to this:
Not all inboxes honor stylized alt text or even alt text at all. Here’s a quick glance at what email clients display alt text or stylized alt text:
When we say that Outlook “kind of” displays alt text, we mean that Outlook on desktop does allow alt text, but adds a security message, so your text can get lost.
There are a few other quirks, too. Internet Explorer (IE) seems to ignore alt text font sizing. Also, there isn’t a way to change the justification of the alt text. Webmail clients like Gmail, AOL, Office365 and Yahoo! when used in Chrome or Firefox always centers it (see above). IE and most desktop inboxes will left-align alt text.
What goes into a great marketing email?
Hotmail and Outlook.com go a step further and grey out any image area entirely (and not always gracefully):
Quirks aside, many of your primary inboxes do allow for fun with alt text. With the Editor in the emfluence Marketing Platform, you don’t even need to dive into the code to do it. Borrow from the example above and use the Style field on Image Properties (under the Advanced tab) to adjust the font-family, color, font-size and font-weight of your alt text.
For a deeper look at how to manipulate alt text, check out the Ultimate Guide to Styled Alt Text in Email. (Note that this post was penned in 2012. Since then, some new email client versions no longer allow alt text.)
Ready to get started?