Guides Email

Accessible Emails: HTML Email, Images, Contrast, and RGAA Best Practices

Email Accessibility: An Often-Forgotten Channel

Emails are a major communication channel. While RGAA doesn't directly cover emails, WCAG best practices fully apply. An inaccessible email excludes assistive technology users.

Accessible HTML Email Structure

Add lang="fr" to the HTML tag, use role="presentation" on layout tables, structure with headings and semantic elements. Email HTML is constrained (no JavaScript, limited CSS) but accessibility is possible.

Images in Emails

All informative images need descriptive alt text (emails must be understandable with images blocked), decorative images need empty alt, avoid text in images, and prefer HTML/CSS "bulletproof" buttons over image CTAs.

Contrast and Colors

Maintain 4.5:1 ratio for normal text, underline links in addition to coloring them, test in dark mode, and always define both background and text colors.

Plain Text Version

Always offer a plain text (multipart MIME) alternative to HTML — some users prefer it, some screen readers work better with it, and it helps with spam filtering.

Transactional Emails

Use clear subjects, structured data tables for order summaries, easily copyable verification codes, and clearly identifiable action links.

An accessible email reaches a wider audience and performs better. Email accessibility best practices also improve deliverability and rendering across all clients.
RGAA does not directly cover emails, but WCAG best practices apply. For RGAA-subject administrations, transactional emails and newsletters are part of online public communication and should be accessible. The EAA reinforces this obligation for businesses.
Test with a screen reader (NVDA on Windows, VoiceOver on Mac) in your email client. Verify the email is understandable without images (they are often blocked). Use tools like Litmus Accessibility or Email on Acid. Check contrast and plain text version.
HTML emails use tables for layout, not data. Without role="presentation", screen readers announce "table with X rows and Y columns" for each layout table, making the email incomprehensible. This attribute tells the screen reader to ignore the table structure.

Test your site's compliance

Scan your site and get a detailed report with AI recommendations.

Scan my site - €15