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 in the easiest way possible.

Bananatag's 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!

TIP: Use headings to convey meaning and 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


TIP: 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



TIP: 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"


TIP: Provide clear instructions

Ensure that instructions are clear, easy to understand, and avoid unnecessarily technical language. Try to describe the input type as best as possible (ex. smiles = 'how happy are you?')

Bananatip.pngThis accessibility tip will primarily be used with email survey responses.

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 the Bananatag team)

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?