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.
Getting started#
- Use a single-column layout that reflows on mobile.
- Set alt text on every meaningful image and empty alt on decorative ones.
- Maintain 4.5:1 contrast and at least 16px body text.
- 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.