Accessibility in HTML email refers to the practice of designing and coding email messages so that they can be easily understood and used by people with disabilities.
This includes people who are blind or have low vision, those who are deaf or hard of hearing, and those with motor or cognitive disabilities.
Keep it simple
Use clear, concise language and avoid complex layouts or designs that can be confusing for people with cognitive disabilities.
Use semantic HTML elements like headings, lists, and paragraphs to structure the content of your email.
This makes it easier for assistive technologies like screen readers to understand the layout and meaning of your email.
Avoid images with embedded text
Many email clients block images by default, so relying on images with embedded text can make your email harder to read.
Alt text for images
Add descriptive alt text to all images in your email.
In the code this would be
alt="" or you can easily add it from the visual editor:
This allows screen readers to describe the image to people who can't see it.
Use descriptive text for links, instead of generic phrases like "click here."
This helps people using screen readers to understand where the link leads.
Easy to read font colours
Black and dark grey are good font colours for emails.
Avoid using light colours or colours that clash with your background colour.
See also: Email fonts best practices
Use colour with care
Avoid relying on colour alone to convey important information.
Use high contrast colour combinations and provide text alternatives for colour-coded information.