Should you use headings like H1, H2, paragraph tags and so on in your email newsletter?

The short answer is that you should. 

Look, I'm always preaching clean code and the email newsletters code is already bloated enough with tables so why on earth do I want then <h1>, <h2>, <p> and so on in the code?

As I promised you in the previous article, we'll clarify for you today why it's beneficial to use HTML tags like title headings and paragraphs into email newsletters.

This is a case of usability for people with sight issues using screen readers. It will also make your email newsletters more compliant with CASL and your local regulations. So is not only that will help impaired people understand what your newsletter is about, keeping them informed about your products, services communications but it will also help you play by the rules - the web and email should be easily accessible to anyone.

This is how I do it. I basically copy the code I use for the wrapping TDs to the heading or paragraph tag I use inside:

<table style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; min-width:600px; width:600px;" width="600" border="0" cellspacing="0" cellpadding="0" align="center">
   <tr>
      <td style="border-collapse: collapse;">
         <table style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; width:600px; min-width:600px;" width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="innerTable">
            <tr>
               <td style="border-collapse: collapse; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#999999; font-weight:bold">
                   <h1 style="border-collapse: collapse; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#999999; font-weight:bold">Some awesome title here</h1>
               </td>
            </tr>
            <tr>
               <td style="border-collapse: collapse; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999">
                   <p style="border-collapse: collapse; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999">Some even more awesomer paragraph here</p>
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

Let me know what you think in your comments. Happy email coding!

Your friend, the email snob.