tables should not convey semantic roles

leemunroe · Oct 9, 2018 · 62ad71c · 62ad71c
1 parent 4fcb1c3
commit 62ad71c
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/email.html b/email.html
@@ -275,29 +275,29 @@
     </style>
   </head>
   <body class="">
-    <table border="0" cellpadding="0" cellspacing="0" class="body">
+    <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
       <tr>
         <td>&nbsp;</td>
         <td class="container">
           <div class="content">
 
             <!-- START CENTERED WHITE CONTAINER -->
             <span class="preheader">This is preheader text. Some clients will show this text as a preview.</span>
-            <table class="main">
+            <table role="presentation" class="main">
 
               <!-- START MAIN CONTENT AREA -->
               <tr>
                 <td class="wrapper">
-                  <table border="0" cellpadding="0" cellspacing="0">
+                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                     <tr>
                       <td>
                         <p>Hi there,</p>
                         <p>Sometimes you just want to send a simple HTML email with a simple design and clear call to action. This is it.</p>
-                        <table border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
+                        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                           <tbody>
                             <tr>
                               <td align="left">
-                                <table border="0" cellpadding="0" cellspacing="0">
+                                <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                   <tbody>
                                     <tr>
                                       <td> <a href="http://htmlemail.io" target="_blank">Call To Action</a> </td>
@@ -321,7 +321,7 @@
 
             <!-- START FOOTER -->
             <div class="footer">
-              <table border="0" cellpadding="0" cellspacing="0">
+              <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                 <tr>
                   <td class="content-block">
                     <span class="apple-link">Company Inc, 3 Abbey Road, San Francisco CA 94102</span>