Skip to content

Home Topics Email Marketing Email design and accessibility

Email Marketing · Email design and accessibility

Email design and accessibility in SendGrid: configuration guide

Short answer

In SendGrid, email design and accessibility is partly managed by the platform and partly by your own DNS and process. Use a single-column layout that reflows on mobile.

What email design and accessibility is#

Accessible email design ensures messages render and can be read across clients and by people using screen readers or high contrast: semantic HTML, alt text, sufficient contrast, readable font sizes, and a logical reading order.

Why it matters#

Broken rendering and inaccessible layouts lower engagement and, in some jurisdictions, create legal exposure.

What SendGrid handles#

Most platforms, including SendGrid, generate the records or settings you need under a domain authentication or sending settings page, and expose bounce and complaint data in reports. Confirm the exact location in SendGrid's current documentation.

What you still own#

  1. Use a single-column layout that reflows on mobile.
  2. Set alt text on every meaningful image and empty alt on decorative ones.
  3. Maintain 4.5:1 contrast and at least 16px body text.
  4. Include a plain-text alternative and test in dark mode.

Common mistakes#

  • Text embedded in images with no alt.
  • Tiny grey text on light backgrounds.

Frequently asked questions#

Does dark mode change email colors?

Some clients invert or adjust colors. Test in Gmail, Outlook, and Apple Mail dark modes and use transparent PNGs where possible.

Does SendGrid set up email design and accessibility automatically?

SendGrid provides the values and some checks, but publishing DNS, aligning domains, and monitoring results remain your responsibility.

Keep reading on Email design and accessibility