Site icon Email Uplers

Creative use of Alt text in email – Learn more with our Easter campaign!

Alt Text In Email

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 ClientBlocks Images by DefaultDisplays ALT TextStyles ALT Text
AOLYESYESYES
GmailYESYESYES
Yahoo!YESYESYES
Outlook.comSometimesYESYES

Desktop clients are a bit more reliable since there aren’t as many variables involved:

Desktop ClientBlocks Images by DefaultDisplays ALT TextStyles ALT Text
Apple MailNOYESYES
Lotus NotesYESYESNO
Outlook 2003YESSort Of *NO
Outlook 2007YESSort Of *NO
Outlook 2010YESSort Of *NO
Outlook 2013YESSort Of *NO
ThunderbirdNOYESYES

Mobile clients have strong support for styled ALT text, which is great news—especially for marketers with heavy Android audiences.

Mobile ClientBlocks Images by DefaultDisplays ALT TextStyles ALT Text
Android Email (2.0)YESYESYES
Android Email (4.0)YESYESYES
Blackberry OS 6YESYESYES
iOS 6NOYESYES
Windows Phone 7.5YESNONO

(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.

Exit mobile version