Accessible email means screen readers can parse your content, keyboard users can navigate it, and visually impaired users can read it. Use semantic HTML, descriptive alt text on all images, minimum 4.5:1 color contrast ratio, role='presentation' on layout tables, and meaningful link text. Over 15% of the global population has some form of disability — inaccessible email excludes them.
Email Accessibility Standards: Making Email Work for Everyone
Why Email Accessibility Matters
Over 1 billion people globally have some form of disability. Approximately 2.2 billion have vision impairment. Screen reader usage is growing, and email clients are improving their accessibility support.
Beyond ethics, accessibility affects deliverability. Missing alt text is a spam filter signal. Low engagement from users who can't read your email hurts sender reputation. And in some jurisdictions, inaccessible digital communications are a legal liability.
The Accessibility Checklist
1. Alt Text on Every Image
<!-- Informational image — describe it -->
<img src="chart.png" alt="Q4 revenue grew 23% from $2.1M to $2.6M" width="600">
<!-- Decorative image — empty alt -->
<img src="divider.png" alt="" role="presentation" width="600">
<!-- Logo -->
<img src="logo.png" alt="Mailflow Authority" width="150">
Screen readers announce every image. Without alt text, they read the filename — IMG_20260401_12345.jpg is meaningless to a blind user.
2. Layout Tables Need role="presentation"
Email uses tables for layout, but screen readers interpret tables as data by default. Add role="presentation" to every layout table:
<table role="presentation" width="600" cellpadding="0" cellspacing="0">
This tells assistive technology to ignore the table structure and just read the content linearly.
3. Color Contrast
| Text Type | Minimum Ratio | Example |
|---|---|---|
| Body text | 4.5:1 | Dark gray (#333) on white (#fff) = 12.6:1 |
| Large text (18px+) | 3:1 | Medium gray (#767676) on white = 4.5:1 |
| Link text | 4.5:1 | Blue (#2563eb) on white = 4.6:1 |
Don't rely on color alone to convey information. If your error message is red, also include an icon or text label.
Practitioner note: The most common accessibility failure I see in email audits is light gray text on white backgrounds. Designers love the look, but it's unreadable for anyone with low vision — and there's a lot of people with low vision who won't tell you about it, they'll just stop opening your emails.
4. Meaningful Link Text
<!-- Bad -->
<a href="/pricing">Click here</a>
<!-- Good -->
<a href="/pricing">View pricing plans</a>
Screen reader users often navigate by links. "Click here" repeated five times tells them nothing. Each link should describe its destination.
5. Semantic Structure
Use heading tags in logical order:
<h2>Section Title</h2>
<p>Content paragraph.</p>
<h3>Subsection</h3>
<p>More content.</p>
Don't skip heading levels (H2 → H4) or use headings purely for visual styling. Screen readers use headings to build a page outline for navigation.
6. Language Attribute
<html lang="en">
The lang attribute tells screen readers which language to use for pronunciation. Without it, a French screen reader might try to read English content with French phonetics.
Email-Specific Accessibility Patterns
Plain Text Alternative
Always include a multipart/alternative plain text version. Some accessibility tools work better with plain text, and it's a guaranteed fallback.
Preheader Text
Screen readers read preheader text aloud. Make sure your hidden preheader (used for preview text) includes aria-hidden="true" or is structured so screen readers skip the whitespace padding characters.
Practitioner note: I tested a client's email with VoiceOver and it read out 200 zero-width space characters from their preheader padding. The fix took two minutes — wrap the padding in a span with
aria-hidden="true".
Testing Accessibility
- VoiceOver (macOS/iOS): Built-in screen reader, test how your email sounds
- NVDA (Windows): Free screen reader for testing
- WAVE tool: Browser extension that highlights accessibility issues
- Color contrast checker: WebAIM Contrast Checker
Test with a real screen reader at least quarterly. Automated tools catch technical issues but miss the actual user experience.
If you want an accessibility review as part of your email infrastructure audit, let's talk.
Sources
- W3C: WCAG 2.1 Guidelines
- WebAIM: Email Accessibility
- Litmus: Accessible Email Guide
- WHO: Disability Facts
v1.0 · April 2026
Frequently Asked Questions
What makes an email accessible?
Accessible emails use semantic HTML, include alt text on all images, maintain 4.5:1 minimum color contrast, use role='presentation' on layout tables, provide meaningful link text (not 'click here'), and include a plain text version.
Do accessibility issues affect email deliverability?
Missing alt text is a minor spam signal. But the bigger impact is indirect: inaccessible emails get lower engagement from a significant portion of your audience, which hurts engagement metrics and sender reputation.
What color contrast ratio should email text have?
WCAG 2.1 Level AA requires 4.5:1 for normal text and 3:1 for large text (18px+ or 14px+ bold). Use a contrast checker tool to verify your color combinations.
Want this handled for you?
Free 30-minute strategy call. Walk away with a plan either way.