Accessible Marketing: Designing for Website Accessibility

Share on FacebookShare on LinkedInShare on Twitter

As part of our continuing series on accessible marketing, we look to our marketing and design partners at The Whole Brain Group. In this post, Creative Director Jamie Latendresse shares his tips for creating accessible website designs with a handy checklist..

Follow #a11ymktg on Twitter to keep up with the content posted during the series. 

Designing for Website Accessibility

by Jamie Latendresse, The Whole Brain Group

It has been said that the best designs are those that solve a problem. With digital marketing, the problem you face is how to reach as many people as possible, in order to improve your chances of finding those who fit your ideal customer profile. So the question becomes: how can accessible web design increase your chances?

Research shows that over 50 million Americans have some sort of visual, auditory or mobile disability, yet nine out of ten websites are still inaccessible today. The goal of accessible web design is to provide equivalent opportunities to those users who are hard of hearing, visually impaired, or have an ambulatory disadvantage. Instead of excluding these users, designing an accessible website allows these people to better interact with your digital marketing materials, and helps ensure that your message reaches a wider audience!

To help get you started, we’ve created this handy design checklist highlighting five key accessibility areas and how designers should approach each:  font choice, color choice, links, images, media, etc.

Accessiblity Checklist Preview

Of course there are many other important factors to consider when approaching accessible web design. To learn more, check out these great tools and resources to help you increase your website design accessibility!

[hs_action id=”8091, 6666″]

2 comments

Leave a Reply

You can use these HTML tags:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>