Accessible Emails: How to Design and Code them the Right Way
Email is flourishing and with more and more users and brands using it for business communications, it continues to be part of everyday life across all age groups. But, the question here is: Are you reaching your potential target group and making your emails accessible for everyone in your target group?
What about the people who are visually challenged? How do people who have difficulties in hearing or understanding use your email?
Well, here are some facts:
- Around 253 million people live with vision impairment worldwide, of which 36 million are blind and 217 million have moderate to severe vision impairment.
- There are close to 300 million people who are color blind.
- People with disabilities use the web and email as much as others, thanks to adaptive technologies and tools such as screen magnifiers, eye tracking systems, and advanced sip n puff devices.
It is, therefore, necessary to design and code emails that everyone can receive and understand, regardless of any physical or mental disabilities.
What is Accessibility in Emails?
Email accessibility is the practice of designing your email content in such a way that it removes barriers for your subscribers with disabilities and lets them access, perceive and interact with the content. Not just for people with disabilities, but accessible content is more readable, logical and more usable by everyone.
Good accessibility means good usability and good usability means good business!
Uplers has included all the principles of accessibility in this email, sent in order to share their infographic on the same topic. At the end, there is a CTA that directs the reader to the landing page that talks about how this email has been tested for accessibility.
This is a text only email from Cameo. The important parts of the content are displayed in bold and the links are displayed in a different color to differentiate them from the rest of the content.
This email from SurveyMonkey has very little content that is displayed neatly. There is enough white space in the email that makes the email easy to perceive. The colors of the CTAs and images are contrast to the white background, making it clearly visible.
Accessibility was the priority while coding this email by Salesforce: border-bottom is implemented for text links, header and paragraph tags are used, and each table is assigned the attribute role=”presentation”. CTAs with rounded corners are used. It’s all HTML text, so it remains a good experience even when images are turned off or background images are not supported.
Keep these points in mind while designing and coding your emails. If you need help in getting accessible emails created for your business, get in touch with us.