Creating Accessibility-Friendly Emails



When it comes to accessibility on the web for users with disabilities, there are various ways that websites introduce features to allow those users to continue accessing the content they are looking for.

Our website is designed with these considerations in mind, however Email Designs are typically user-driven, and as such there are still various ways that you can maximize the accessibility of your designs with a few simple tricks.

Use headings to create structure

Use clear and descript headings to group paragraphs with related content. Good headings provide an outline of the content.

Without_Headlines.png        With_Headlines.png

Headings will help define the content hierarchy and will provide structural elements within the content so if a user is relying on a screen reader the headings will be read out as ‘Heading level one’, ‘Heading level two’ and so on.

Make link text meaningful

Write link text so that it describes the content of the link target. Avoid using ambiguous link text, such as ‘click here’ or ‘read more’.

Indicate relevant information about the link target, such as document type and size, for example, ‘Proposal Documents (RTF, 20MB)’, if linking to items like attachments.

No Information Red_Cross.png


Meaningful Information Green_Checkmark.png



Write meaningful text alternatives for images

For every image, write alternative text that provides the information or function of the image. For purely decorative images, there is no need to write alternative text.

No InformationRed_Cross.png


Charging the phone: Connect the phone to a power outlet using the cable and power adaptor provided.

Alternative text for image:
"Charging Cable" 



Charging the phone: Connect the phone to a power outlet using the cable and power adaptor provided.

Alternative text for image:
"Plug the cable in from the bottom of the phone"


Provide clear instructions

To create accessible content, use clear and simple sentences. Make sure instructions are clear, easy to understand, and avoid unnecessary technical language.

For surveys, try to describe the input type as best as possible (ex. smiles = 'how happy are you?').


No InformationRed_Cross.png


Clear and informativeGreen_Checkmark.png


Other Resources

While there are many industry standards as it pertains to accessibility, such as WCAG guidelines, these standards and principles primarily only apply to websites. There are no established accessibility standards for emails specifically, but you can utilize some of the below resources to help test and improve the accessibility of your communications.

(Please Note: These resources are externally provided and are not managed or maintained by Bananatag).

Articles and text-based sources:
Why Ignoring Email Accessibility is Hurting Your Business -- (Sharon Hurley Hall -
WCAG Guidelines
Creating Accessible Emails in MS Outlook (Win/Mac) - (Queen's University at Kingston)

Source Code Accessibility Scanner


Was this article helpful?