Tips to keep your designs accessible

IntCom.png

 

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.

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 no.png

Meaningful Information yes.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 Informationno.png

Charging phone

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

 

Alternative text for image:
"Charging Cable"

Informativeyes.png

Charging phone

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?')

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

 

 No Informationno.png

Clear and informativeyes.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 Resources

Why Ignoring Email Accessibility is Hurting Your Business -- (Sharon Hurley Hall - optinmonster.com)

WCAG Guidelines

Creating Accessible Emails in MS Outlook (Win/Mac) - (Queen's University at Kingston)

Tools Source Code Accessibility Scanner
Have more questions? Submit a request

Comments