Creative use of Alt text in email – Learn more with our Easter campaign!
Marketers are trying to leverage every single opportunity to stand out in the overloaded inbox. To make an impact, more and more email designers rely on enticing images, but like we all know what about recipients who view your emails without downloading the images or email clients that by default turn the images off? It could hamper your CTR and eventually decrease the opens too!
So, what are the smart ways out? Well, if you are using a lot of image based emails, make sure to utilize reliable HTML attribute – ALT Text (sometime known as “alt tags”)! And, to stand out, your alt text should be equally good as your email campaign.
To share an example, Uplers come up with creative Easter campaign using alt text for our Easter bunny and Easter egg.
With creative utilization of alt text like we did in this campaign, you could easily create highly visual emails and at the same time provide information about the content in the image using alt text.
Here is how our campaign looked like:
Without Alt Text (With Images Turned On)
Creative use of Alt Text (With Images Off)
You can see in the table below that webmail clients generally have very good support for ALT text.
|Webmail Client||Blocks Images by Default||Displays ALT Text||Styles ALT Text|
Desktop clients are a bit more reliable since there aren’t as many variables involved:
|Desktop Client||Blocks Images by Default||Displays ALT Text||Styles ALT Text|
|Outlook 2003||YES||Sort Of *||NO|
|Outlook 2007||YES||Sort Of *||NO|
|Outlook 2010||YES||Sort Of *||NO|
|Outlook 2013||YES||Sort Of *||NO|
Mobile clients have strong support for styled ALT text, which is great news—especially for marketers with heavy Android audiences.
|Mobile Client||Blocks Images by Default||Displays ALT Text||Styles ALT Text|
|Android Email (2.0)||YES||YES||YES|
|Android Email (4.0)||YES||YES||YES|
|Blackberry OS 6||YES||YES||YES|
|Windows Phone 7.5||YES||NO||NO|
(Source for client support – https://litmus.com/community/learning/12-alt-text-in-html-email)
P.S – This is limited to desktop emails only and should not be used for responsive emails as slicing images in such small pieces would be not possible. It would not scale in same proportion.
Though for responsive emails, we can hide this and show another image.