Welcome

Welcome to S Squared, the digital marketing blog of Shaw + Scott. We’re your go-to source for staying looped in on the industry’s most innovative trends and brand strategies. We cover the latest and greatest in cutting-edge marketing insights, helping you to navigate the digital spectrum-and take your program to new heights.

Building Emails for Accessibility: Auditing Your Work (Part 3 of 3)

Vinca Swanson October 26,2017

This is the third part of a three-part series on developing emails for accessibility. While my recommendations focus on the concerns of developers, they also contain information useful for anyone on an email marketing team.

The series covers the following:

Part 1: Layout & Design Elements

Part 2: Tags & Clean Coding

Part 3: Auditing Your Work

In Part 3 here, I will discuss ways to audit your work to ensure it meets the needs of all potential subscribers.

Handy Testing Tools

There are tools you can use to audit web pages and email builds.

One I like to use is Google’s Accessibility Developer Tools extension for Chrome. This runs in your Inspect in Chrome and can detect areas that may need more attention. Of course, you’ll have to modify the audit based on how we build emails these days; it will detect in-line css as a performance issue:

 Picture10.png

To test linear readability, use WAI HTML Table Linearizer. Add the URL of the web version of the email, and check the results of the order of your email.

I also like the ever-reliable W3 Validator to check for unclosed tags and other syntax errors, which will round out a thorough testing sequence.

Zoom Test

You can’t predict every instance of personal computer usage, and readability is literally in the eyes of the beholder. You can, however, simulate some things, like text size. Bump your browser window zoom to 200%, and you’ll get a great visual of how your email layout performs and how your copy appears in increased size environments that are not uncommon in many demographics.

Mobile Accessibility Testing

iOS devices have a built-in VoiceOver program that can be activated in the Settings. This feature allows the mobile phone to read aloud what’s displayed on the screen. Use it to again review your hierarchy and call to action links. Also, by pinching your screen to experience your email zoomed in, you can assess whether your content is still accessible.

Make sure to check out the previous parts of the series to ensure you’ve caught all my tips for optimizing your campaigns for accessibility: Part 1, “Layout & Design Elements” and Part 2, “Tags & Clean Coding.”

By implementing these simple adjustments in your campaigns, you’re including a pool of users who have untapped potential to engage with your brand. As builders of user journeys, it’s our duty to ensure our message is reaching as many people as possible. The changes above are simple, straightforward and only enhance your campaigns.

 

Resources:

https://www.slideshare.net/paulairy/a-type-of-accessibility-65004974

https://www.slideshare.net/M_J_Robbins/accessibility-in-email-eoainsights

https://www.campaignmonitor.com/resources/guides/accessibility/

 

Tags: Dev, HTML, accessibility

About The Author

Vinca Swanson

Vinca Swanson

Interactive Web Specialist, Shaw + Scott (Portland) A creative developer with a passion for ideation, Vinca brings top-notch strategy and flawless execution to every campaign. Vinca specializes in email marketing, UX design, and front-end development. She also has a solid background in SEO. Vinca digs deep into each campaign she works on to ensure that every box is checked and no stone is left unturned. Vinca has worked with such brands as Holland America, Home Depot, Lululemon, Oracle, Harry & David, and Coca-Cola. Prior to joining the Shaw + Scott team, Vinca worked with Un-Cruise Adventures as a Graphic Designer and Email Marketing Specialist.