How do I set up styled Alt text? (Modern Editor)

Alt text is the text that displays for an image before images are downloaded by the email client. Learn more about setting up alt text, styling it, and why it is important in this post.


Topics covered in this article:

What is Alt text?

Why set up Alt text?

Using styled Alt text

 

 

What is Alt text?

What is Alt text

Adding Alt text to images in your email template (Modern Editor)

 

What is Alt text

Alt text is a shortened term for 'alternate text' and is the text that displays for an image before images are downloaded by the email client. 

Example of alt text showing before images are downloaded in Outlook on a Mac:

 

Alt text is added as an attribute in the HTML of your email. It looks like this in the email code:

<img src="https://wordfly.com/store.gif"  alt="Intro image: Store scene" >

 

 

Adding Alt text to images in your email template (Modern Editor

 

In WordFy, using our Modern Editor email template builder, you can easily add alt text to any image.

 

1. Open your email in Modern Editor.

2. On the right side of the email (the email preview panel), click on an image in your email.

3. In the section labeled 'alt' enter your alt text for the image.

 

 

 

Why set up Alt text?

 

Alt text can be very helpful to subscribers receiving your email in a couple ways. 


Alt text helps inform users of the content of your email when images are not downloaded or when your images contain your call to action.


Alt text is also used in web accessibility. Some of your subscribers might use screen readers to read your email. The alt text can serve to explain the image content.

 

 

 

Using styled Alt text


A new practice is to use styled alt text in your email. This is great because it gives you an opportunity to add some branding to your alt text instead of showing plain text before the image is downloaded. Let's review what you can do!

 

 

Example of styled Alt text 


Example of styled Alt text in Outlook on a Mac:

 ...versus this example of alt text that is not styled:

 

 

Email client support for styled Alt text


Email client support for styled alt text varies from good to none, but we still wanted to provide the option to jazz up the alt text when images don’t load.

 

DESKTOP CLIENTS STYLED ALT TEXT SUPPORT
Outlook None
Apple Mail Yes!

 

WEBMAIL CLIENTS STYLED ALT TEXT SUPPORT
Gmail Yes, but images are downloaded by default
Yahoo Yes!
Outlook.com Yes!
AOL Yes!

 

 

Setting up styled Alt text in your emails (Modern Editor)

 

It's easy to set up your styled alt text in WordFly using Modern Editor. For any image area you can set the font family, font size, line height, text alignment, and text color for your alt text. Follow these steps:

 

1. Open your email in Modern Editor.

2. On the left side of the email (the edit content panel), click on the STYLESHEET tab.

 

3. Under ESSENTIALS click General Styles.

 

 

4. Click Image Alt Text right at the top.

 

5. Add your styles for your alt text.

You can set the font family, font size, line height, text alignment, and text color for your alt text.

 

6. Click on the Blocks tab.

 

7. On the right side of the email (the email preview panel), click on an image in your email.

 

8. In the section labeled 'alt' enter your alt text for the image.

 

9. Save your email template.

 

10. In your Campaign send a test email to an email client that supports styled alt text to see how your styled alt text looks!

 

 

 

 

Have more questions? Submit a request
Powered by Zendesk