back arrow
All Blogs

10 Dos and Don’ts of Alt-text in Emails

Alt text is an important element from email accessibility point of view. Learn more about it through this blog....

Many email marketers turn their backs on HTML email templates because of this reason.

But you know what?

Every cloud has a silver lining! And this cloud is no exception.

We’re talking about Alt text, also known as alternative text or Alt tag that’s displayed in place of the blocked image.

Alt text is not just ‘plain text’; it gives you a huge playground of words and creativity to apply in your email marketing strategy.

Have a look at this email.

Could you figure out what the email wants to convey?

The obvious answer is a resounding No.

Now, consider this email by Jack Spade.

Jack-Spade-email

The elaborate alternative text gives a complete idea of what the images could be about!

That’s what Alt text in emails are for!

So, here are some great image Alt text best practices for all those marketers who wish to use images in their custom email marketing templates, but are reluctant to do so.

1. Keep it succinct

One or two sentences are more than enough in your HTML email Alt text. It should be meaningful and enticing enough for the subscribers to view the image.

Crate&Barrel has used a short email Alt text for each individual section supported by a clear description of their offerings.

Right from the subject line to the content and Alt text, everything is in sync with the email purpose that encourages the subscriber to view the images or click through the CTAs.

Crate-and-Barrel-alt-txt

2. Proper punctuation is a must

Use proper punctuation for your screen readers to know where to take a pause and read your content better.

Carnival Cruise Line takes the punctuation rule quite seriously. Each image has a distinct Alt text that makes it very easy for the subscriber to know what the image would be about. They sure have studied Alt text best practices thoroughly! (grin)

carnival cruise line email

Need a Modular Email Template?

We create pixel-perfect modular / editable templates.

Download A Sample

3. Include the text that is present in the image

Include the exact phrase that appears in the image to make the email message obvious. The safe bet is to also have important information in the Alt text, that doesn’t appear in the image.

GAP includes the most noteworthy part from the image in their Alt text to grab the subscriber’s attention on the discount offer even when the images are turned off.

Gap email

4. Don’t ‘COPY and PASTE’ image captions

One of the most important alt text for images best practices is accessibility. Screen readers and display read the captions even for blocked images. Your Alt text should offer additional information that’s not conveyed through the caption.

5. Count on context

Just like your image and content should be relevant to each other, your Alt text also should consider context. You should contemplate on the information the reader is likely to get from the surrounding content and then write an Alt text that goes with it.

Topman includes straightforward Alt text and makes the email purpose clear in the first glimpse itself.

Topman-email

6. Quotes are not needed

Let’s get a bit technical now! When you use Alt attribute in the HTML code of your email campaign, it uses double quotes to define the beginning and end of your Alt text. If you use quotes again, it will lead to broken HTML.

7. Distinguish the decorative images

Write ‘Decorative image’ as Alt text if the image is just for email ornamentation. That would enable quicker email scanning for the subscriber.

8. Test

There are certain email clients that don’t show Alt text if it crosses the image width or if the image is linked. It is strongly recommended that you send out test emails across various email clients and check the Alt text by disabling the images. Create mobile responsive email templates with Alt text clearly visible even on smaller screens.

9. Style it a little

Make your Alt text more artistic by adding colors and style to the font. However, system fonts would be the safest as they will render in all devices and email clients. You can even change the weight and size of the fancy font to make it classier for your audience.

Oh! That also reminds me of adding chocolate syrup to my plain vanilla ice-cream! (wink)

10. Innovate

Your subscribers are always looking for something new in emails. Pixel art is one such innovative idea.

Check out the pixel art used as creative alt text in the Mother’s Day email sent by Bendon Lingerie.

pixel art-alt text-Bendon Lingerie

Chubbies uses another creative idea for using Alt text. All their images begin with the Alt text “download images, bud” followed by relevant text displayed in different ways.

In the following email, the word “Party” has been written in several different ways that match the Independence Day theme. Quite interesting, right?

Chubbies-email

Wrapping Up

There’s no need to disown images just because of the injustice imposed by the email clients. Use the best practices of Alt text as described and your subscribers will still love your emails regardless of the image blocking issue.

Did you like this post? Do share it!

    Get In Touch

    We shall get back to you within a few hours.

    The following two tabs change content below.

    Kevin George

    Kevin is the Head of Marketing at Email Uplers, one of the fastest-growing full-service email marketing companies. He is an email enthusiast at heart and loves to pen down email marketing content. You can reach him at kevin.g@uplers.com or connect with him on LinkedIn.

    YOU MAY ALSO LIKE

    WE CAN ALSO HELP YOU WITH

    Email Template
    Productions

    Transform your requirement into visually-appealing & high-converting email templates.

    EMAIL OPERATION
    SUPPORT

    Focus on your business strategy; let us handle the day-to-day operation of your email campaigns.

    DEDICATED
    RESOURCE TEAM

    Eliminate the woes of hiring and training for resources with our dedicated team of scalable email experts.

    Digital
    ASSETS

    Get more from your paid marketing campaigns through conversion-driven landing pages and banners.