Email Trends:Styled Alt Tags
What are Styled Alt Tags?
Styled Alt Tags are Alt Tags that contain in-line style information for an image. When the image doesn’t appear, the alt text appears in the font, size, and color that you have chosen.
Alt Tag without style attributes Alt Tag with style attributes
Advantages of Styled Alt Tags
Gives a mailing visual appeal when images are blocked.
Can be used to create contrast with cell background.
Disadvantages of Styled Alt Tags
May cause alt tag text to disappear.
Takes a little longer to create.
Does not work in all browsers or email clients.
Can be difficult to enter correctly.
Basic Format
Here is the basic format for a styled alt tag. Hex values may also be used (in this example: #850aee).
<img style="color: rgb(133, 10, 238); font-family: Georgia; font-size: 60px;" alt="30% SALE, Today only!" src="image.jpg" width="300" height="323">
Using Styled alt tags to create contrast
You can also use styled alt tags to make alt information visible in cells with a dark background color.
<img style="color: rgb(255, 255, 255); font-family: Georgia; font-size: 60px;" alt="30% SALE, Today only!" src="image.jpg" width="300" height="323">
Length is an issue
In some browsers and on some platforms (such as the iPhone), if the text needs to wrap, it will not appear.
Every browser and client is different.
Live Mail Outlook.com
Gmail (Firefox)
ResourcesGoolara Blog http://blog.goolara.com/2013/01/24/the-finer-points-of-styled-alt-tags/ Includes a more detailed explanation of the information in this presentation.
Using Text and Graphics http://goolara.com/Resources/Download.aspx?fileName=Goolaras_TextAndImages_whitepaper.pdf Goolara’s White Paper on using text and graphics in email.
W3School’s Tutorial http://www.w3schools.com/html/html_css.asp A basic primer on using inline styles.
About GoolaraGoolara, LLC is the maker of Symphonie—powerful email marketing software with the advanced features a professional marketer needs, but without the hassle of other systems. For a demonstration, call 1-888-362-4575 toll free, or visit http://goolara.com/RequestDemo.aspx and request a demo.