McDonald’s

• This email doesn’t feature ‘presentation’ roles set for screenreaders on all tables (it is on some, but not others): 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.
• Ensure all images have descriptive Alt text – in this example, there is some repeated ALT text across multiple images. Each should be unique: 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.

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

Results supplied by Email on Acid

B2B = 100% (5 passed filters)

B2C = 100% (19 passed filters)

Overall = 100%

Results supplied by Email on Acid