• Find Inspiration

    Categories

    • B2B
    • B2C
    • Non Profit

    Types

    • Email Creatives (Automated)
    • Email Creatives (Standard)
    • Preference Centres
    • Sign Up Forms
    • Unsubscribe Forms

    Brand

    • Anthropologie
    • AO
    • Cath Kidston
    • Charity Water
    • Farmdrop
    • Fortnum & Mason
    • Gap US
    • Google
    • Gymshark
    • H&M
    • Habitat
    • John Lewis
    • JoJo Maman Bébé
    • JustFab
    • M&S
    • Marshalls
    • McDonald's
    • Moss Bros.
    • Net-a-Porter
    • Netflix
    • Next
    • Rifle Paper Co.
    • Sainsbury's
    • SelectSpecs
    • Swarovski
    • Target
    • The Home Depot
    • The White Company
    • Torrid
    • Warby Parker
    • Youtube
    • Zoom

    Country

    • UK
    • USA
  • Blog
  • E-telligence Book
Find Inspiration
Blog
E-telligence Book
Submit an Example

Email Creatives (Standard)

  • B2C, Retail / Ecommerce
  • Animated GIF, Design, Newsletter

NET-A-PORTER

Magazine Style Design & Animated Gif

View email animations here

Brand

NET-A-PORTER

Industry

Retail

Subject Line

The dress and boots pairing we love

Sending Domain

emails@email.net-a-porter.com

Friendly From Address

NET-A-PORTER

Desktop
Mobile
What we like about this email

Bold images and typography make this NET-A-PORTER magazine-style newsletter stand out. Strong heading and subhead make it easy to scan through, and the use of a gif for rotating product display grabs the reader’s attention and helps them engage with the email content a little longer.

 

However, we did find heavy use of text in the images, and without any alt text provided there is a lost opportunity to provide accessible messaging for all readers.

Accessibility Results

  • This email doesn’t feature ‘presentation’ roles set for screenreaders: 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.

Results supplied by Email on Acid

Rendering Testing
android
iPhone
webmail
Spam Test Results

B2B = 100% (5 passed filters)

B2C = 89% (17 passed filters, 2 failed filters)

Overall = 92%

 

Failed Filters:

Apple Mail 10 & 11

 

Results supplied by Email on Acid

You may also like...

Gymshark
Email Creatives (Automated)

Gymshark

View Example
Gymshark
Email Creatives (Automated)

Gymshark

View Example
Swarovski
Email Creatives (Automated)

Swarovski

View Example
JustFab
Email Creatives (Standard)

JustFab

View Example
Warby Parker
Email Creatives (Standard)

Warby Parker

View Example
JoJo Maman Bébé
Email Creatives (Automated)

JoJo Maman Bébé

View Example

Subscribe For Email Inspiration Updates

eFocus Marketing © 2021 All Rights Reserved
Facebook Twitter Instagram Youtube
  • Cookie Policy
  • Privacy Policy