Using tables in email - kdaisho/Blog GitHub Wiki

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>
⚠️ **GitHub.com Fallback** ⚠️