Definition
The Web Content Accessibility Guidelines (WCAG), specifically versions 2.1 and 2.2, provide the internationally recognised standard for digital accessibility. While originally developed for web content, WCAG criteria apply equally to email marketing and transactional communications, covering the same four core principles: content must be perceivable, operable, understandable, and robust (POUR). For email, this translates into specific technical requirements including minimum colour contrast ratios of 4.5:1 for normal text and 3:1 for large text, proper heading hierarchy from h1 through h6, descriptive alternative text for all images, semantic HTML structure using landmark elements, and keyboard-navigable interactive elements.
The legal landscape for email accessibility is increasingly stringent. In the UK, the Equality Act 2010 requires that service providers make reasonable adjustments to ensure disabled users are not at a substantial disadvantage. In the European Union, the European Accessibility Act (EAA) mandates that certain products and services, including electronic communications, must be accessible by June 2025. In the United States, the Americans with Disabilities Act (ADA) has been interpreted by courts to apply to websites and digital services, with an increasing number of lawsuits targeting inaccessible email communications. Beyond legal obligations, accessible email design improves deliverability, as spam filters increasingly penalise poorly structured HTML, and broadens audience reach to the estimated 15% of the global population living with some form of disability.
Best Practices
Ensure all text and background colour combinations meet a minimum contrast ratio of 4.5:1 for body text and 3:1 for large text (18pt or 14pt bold) as specified by WCAG 2.1 Success Criterion 1.4.3. Use contrast checking tools such as WebAIM's Contrast Checker during design and QA stages. Pay particular attention to coloured links, button text, and placeholder text, which frequently fail contrast requirements in email designs.
Structure email content with a clear, semantic heading hierarchy (h1, h2, h3) that logically organises the content for screen reader navigation. The main email heading should always be an h1, followed by section headings as h2 or h3. Avoid skipping heading levels purely for visual styling reasons, as this creates confusion for assistive technology users navigating by heading structure.
Provide descriptive, context-rich alternative text for every image that conveys the same information the image presents. Decorative images should use empty alt attributes (alt="") to prevent screen reader announcement. Avoid phrases like "image of" or "picture of" — screen readers already announce images. For transactional images such as product photos, include key identifying information such as product name, colour, and distinguishing features within the alt text.
Implement proper language declarations in email HTML using the lang attribute on the <html> element. This ensures screen readers use the correct pronunciation rules and character set. For multilingual emails, apply lang attributes at the element level where languages change. Additionally, use semantic HTML elements such as <main>, <header>, <footer>, and <nav> to provide structural landmarks that assist keyboard and screen reader navigation.
Include visible focus indicators on all interactive elements, including links and buttons, to support keyboard-only navigation. The default outline or a custom focus ring must provide a contrast ratio of at least 3:1 against the adjacent background. Ensure that all interactive elements are keyboard accessible, with logical tab order and no keyboard traps where focus becomes stuck on an element.
Related Glossary Terms
Email Above Fold
The portion of an email visible without scrolling, varying significantly by device, client, and preview pane configuration.
Australia Spam Act
Australia's Spam Act 2003 regulates commercial electronic messages including email. It requires consent, functional unsubscribe mechanisms within 5 working days, and sender identification. Penalties reach AUD $2.22 million per day.
Email B2B Consent
The legal requirements for B2B email marketing consent, covering GDPR legitimate interest, CASL implied consent, CAN-SPAM exemptions, and jurisdiction-specific best practices.
Email CASL
Canada's Anti-Spam Legislation requirements for commercial electronic messages, including consent types, record-keeping, and penalties up to $10 million per violation.
Email CCPA
California Consumer Privacy Act requirements for email marketing, including consumer rights to access, delete, and opt out of data collection and sale.
Email Color Theory
The application of colour theory principles to email design, including brand palette selection, WCAG contrast requirements, dark mode adaptation, and colour psychology for CTAs.
Frequently Asked Questions
WCAG 2.1 AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (at least 18pt or 14pt bold). AAA level requires 7:1 for normal text and 4.5:1 for large text. These ratios apply to text against its background, including text overlaid on images, gradient backgrounds, and coloured button text.
Yes. Courts in multiple jurisdictions have interpreted accessibility laws to apply to email communications, particularly transactional and service-related emails that are integral to accessing goods or services. The European Accessibility Act explicitly covers electronic communications, and the UK Equality Act applies to any service provision, including email communications sent as part of a service.
Use a single h1 for the main email heading or title, then h2 for major section headings, and h3 for subsections. Headings should be nested logically without skipping levels. Screen reader users commonly navigate by heading structure, so a clear hierarchy is essential for efficient navigation through longer email content.
Use semantic HTML elements, provide descriptive alt text for images, implement proper heading hierarchy, include ARIA landmark roles where appropriate, and ensure all content is conveyed textually rather than exclusively through visual formatting. Test with multiple screen readers — VoiceOver (iOS/macOS), TalkBack (Android), and JAWS or NVDA (Windows) — as they interpret email HTML differently.
Legal implications include potential claims under the Equality Act 2010 (UK), European Accessibility Act (EU), Americans with Disabilities Act (US), and similar legislation in other jurisdictions. Consequences can include regulatory fines, compensation claims, reputational damage, and mandatory remediation programmes. In the US, there has been a notable increase in ADA lawsuit demand letters targeting email inaccessibility.