Using tables in email

Some guidelines:

last update 2019

• Keep tables quiet using role="presentation" - otherwise screenreader reads from "table", "table body", "table row", "table cell" before getting to content.
• Ignore table headers, body, footer
• Keep components in their own rows/tables
• Overwrite defaults using HTML attributes
• Place most styles on table cells

Boilerplate tables

<table
    border="0"
    cellpadding="0"
    cellspacing="0"
    role="presentation"
    width="100%"
>
    <tr>
        <td style=""></td>
    </tr>
</table>