WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: HTML emails!

for

From: John Foliot - WATS.ca
Date: Nov 4, 2003 7:21AM

Hi Jake.

I manage a weekly HTML rich newsletter which employs inline style sheets.
The thing to remember with HTML rich emails is to always reference items
such as your images absolutely:
<.style type="text/css">
h1 {background-image :
url(http://www.yoursite.com/images/headlineblank.jpg);}
</style>

To address users with non-HTML email clients, I actually repeat the content
twice... the first time non-formatted (using HTML comment tags), the second
formatted:

<!--
THE NEWSLETTER

Blah, blah, blah; yada yada yada
-->

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;">
<meta http-equiv="Robots" name="Robots" content="noindex,nofollow" />
<style type="text/css">...</style>
</head>
<body>
<h1>THE NEWSLETTER</h1>

<p>Blah, blah, blah; yada yada yada</p>

</body>
</html>

Hope this helps.

JF
--
John Foliot <EMAIL REMOVED>
Web Accessibility Specialist / Co-founder of WATS.ca
Web Accessibility Testing and Services
http://www.wats.ca 1.866.932.4878 (North America)


>