Definition
Email accessibility is the practice of designing and coding emails that can be read and interacted with by everyone, including people with visual, auditory, motor, or cognitive disabilities. Approximately 15% of the global population has some form of disability, making accessibility both an ethical responsibility and a business opportunity.
Accessible emails follow the Web Content Accessibility Guidelines (WCAG) 2.1, which provide standards for perceivability, operability, understandability, and robustness. Email accessibility is not fully supported by all email clients, but implementing best practices improves the experience for all subscribers.
WCAG 2.1 Guidelines for Email
| Guideline | Email Application |
|---|---|
| Perceivable — Provide text alternatives | Alt text for all images, descriptive link text |
| Perceivable — Adaptable content | Semantic heading hierarchy, proper list structure |
| Perceivable — Distinguishable | Colour contrast ratio of at least 4.5:1 for normal text |
| Operable — Keyboard accessible | All links and buttons reachable via keyboard Tab key |
| Operable — Enough time | Avoid auto-refreshing content, respect reduced motion preferences |
| Understandable — Readable | Use clear language, define abbreviations |
| Robust — Compatible | Use semantic HTML that assistive technologies can parse |
Key Accessibility Practices for Email
- Use semantic heading hierarchy: Use
<h1>for the email's main heading,<h2>for section headings, and<h3>for subsections. Screen reader users navigate by headings, so a logical structure is essential. Do not skip heading levels. - Write descriptive alt text: Every image needs alt text that describes what the image shows or its function. Decorative images should use
alt=""(empty alt) to be ignored by screen readers. Avoid "image of" or "picture of" — screen readers announce images automatically. - Ensure sufficient colour contrast: Text must have a contrast ratio of at least 4.5:1 against its background for normal text and 3:1 for large text (18px+ bold or 24px+ regular). Use tools like WebAIM Contrast Checker to verify your colour combinations.
- Make links descriptive: Link text should describe the destination without requiring surrounding context. Instead of "click here" or "read more", use "read our email marketing guide" or "view your order status". Screen reader users often tab through links without reading surrounding content.
- Use a readable font size: Use at least 14px for body text and 22px for headings. Small text is difficult to read for people with low vision and can cause zooming that breaks email layouts. Avoid using images of text.
How to Test Email Accessibility
- Screen reader testing: Listen to your email with VoiceOver (macOS/iOS), NVDA (Windows), or TalkBack (Android). If the screen reader experience is confusing or missing content, your email needs accessibility fixes.
- Colour contrast checkers: Use tools like WebAIM Contrast Checker, axe DevTools, or Colour Contrast Analyser to verify all text-background combinations meet WCAG 2.1 AA standards.
- Keyboard-only navigation: Tab through every link and button in your email using only the keyboard. Every interactive element must be reachable and have a visible focus indicator.
- Email accessibility testing tools: Services like Litmus and Email on Acid include accessibility checks. Parcel's accessibility checker and MAIL2WEB also provide specific email accessibility testing.
Related Glossary Terms
A/B Testing
A/B testing in email marketing is the practice of sending two variations of an email to a small sample of your list to determine which version performs better before sending the winner to the remaining subscribers.
Abandoned Cart Email
An abandoned cart email is an automated message sent to customers who added items to their online shopping cart but left without completing the purchase. It is one of the highest-converting email types in ecommerce.
AMP for Email
AMP for Email is a Google-developed framework that allows email messages to include interactive elements like forms, carousels, accordions, and live content. It turns static emails into dynamic, interactive experiences directly inside the inbox.
CAN-SPAM Act
The CAN-SPAM Act is a US law that sets rules for commercial email. It requires accurate subject lines, a physical address, a clear opt-out mechanism, and prompt processing of unsubscribes. Violations can result in penalties up to $51,744 per email.
Click-Through Rate
Click-through rate (CTR) is the percentage of email recipients who clicked one or more links in your email campaign. It measures how compelling your content and call-to-action are.
Click-to-Convert Rate
Click-to-convert rate measures the percentage of email clicks that result in a desired conversion action such as a purchase, signup, or download. It shows how effective your post-click experience is at turning interest into results.
Frequently Asked Questions
In many jurisdictions, yes. The Americans with Disabilities Act (ADA) in the US, the Equality Act in the UK, and the European Accessibility Act in the EU all require digital communications to be accessible. While enforcement has focused more on websites, legal actions related to email accessibility are increasing.
Most major email clients work with screen readers, but the quality varies. Apple Mail with VoiceOver and Gmail with Chrome's screen reader provide good support. Outlook with Windows Narrator or third-party screen readers has more limited support, particularly for complex layouts.
The `prefers-reduced-motion` media query detects when a user has requested reduced motion in their system settings. For email, this means avoiding animated GIFs, CSS animations, or auto-scrolling content. Provide a static fallback for any animated content and respect the user's motion preference.
The minimum recommended body text size is 14px, with 16px being preferred for long-form content. Minimum font size for headings is 22px. Text smaller than 12px is likely to fail WCAG contrast requirements in some colour combinations and is difficult to read for many users.
Describe the product and its key features relevant to the email. For example, "Blue winter coat with hood and zip front closure on a model standing outdoors in snow" is better than "coat.jpg" or "product image 1". Keep alt text concise but descriptive — aim for 15-25 words maximum.