Habitat

• This email does feature ‘presentation roles set for screenreaders on all its tables: Adding a ‘presentation’ role to tables tells a screen reader to skip reading the code that creates a table and only read the customer-facing text.
• Remove ‘title’ attributes from images: A title attribute gives additional information about elements in your email, such as a tooltip that appears when a user hovers over part of an email. To improve accessibility, you should avoid using title attributes. They will disrupt the order in which screen readers read content. Instead, consider using alt text to describe an element.

General Tips:

• Ensure a good colour contrast ratio with text on background colours so that they are readable for those with visual impairments or colour blindness. Web Content Accessibility Guidelines (WCAG) 2.0 recommend a contrast ratio of 4.5:1 between colours for body content and 3:1 ratio for bolded text larger than 18px or 23px without a bold.
• Include a mix of bulletproof buttons and text links that are clearly defined using colour and underline features
• Ensure all images have descriptive Alt text: Alt text allows you to describe images to users with visual impairments; screen readers can read the alt text to give details about the campaign. For images that don’t need text, simply add a blank alt attribute to ensure screen readers do not read the image’s URL path
• Clearly define text links: It’s important to clearly define a link with something other than colour, such as underlining. Customers with colour vision deficiency (CVD) may not be able to distinguish what is clickable based on colour

Results supplied by Email on Acid

B2B = 80% (5 passed filters)

B2C = 84% (18 passed filters, 1 failed filter)

Overall = 83%

Failed Filters

Apple Mail 10 & 11

Symantec Messaging Gateway

Results supplied by Email on Acid