July 27, 2016

Three Tips for Accessible Web Design

Three Tips for Accessible Web Design

When it comes to making your site accessible, it’s not just a good practice, it’s essential. So, what is accessibility and why does it matter?

Accessibility means making sure everyone can access and understand your site. This becomes especially true if you have audience members with disabilities such as hearing loss, vision loss or color blindness. Connecting with your audience means providing consistent user experience, visuals, and messaging, regardless of any sensory impairments your audience many have.

Want to make sure your site is accessible? Here are a few tips for how you can better accommodate everyone who visits your site:

an example of alt text

Add Alt Tags

Adding ‘alt tags’ to all of the images on your website is a simple way to ensure that your site is readable. Alt tags are little text boxes that appear over pictures when you hover your mouse over them. These boxes allow people with vision impairment to be able to interpret your site by allowing programs that translate text into audio to describe the images. Images hold huge importance on any website so adding alt tags can make your site accessible while still keeping your message consistent.

Check out this video example of Alt Tags in use on our own website.

Control Your Color

Color control is not something everyone immediately thinks about when approaching website accessibility, but can make a huge difference for people with partial loss of vision or people with color blindness. This means watching what colors you put next to each other and avoiding combinations that are difficult for some to see. For example, using black text on a white background is usually the easiest for people to see as opposed to varied colors.
Here’s a great blog post about designing for users with color blindness!

Caption your Video

Another important thing to do to ensure your website’s accessibility is to add captions to your videos. Captions allow people with hearing impairments to understand your content and be able to interact with what you post. Not only is this a best practice with today’s emphasis on mobile websites, but it also gives you more accessible content for your site.  

An example of captions under a YouTube video

To add captions to your video visit YouTube’s ‘Video Manager’ page or read about it on Google’s support page.

Social Sharing

Options: Facbeook, Twitter, Linkedin, Pinterest...

AUTHOR DETAILS

Options: Headshot, Bio Excerpt, Link to page with more details

By: Conor Ellis
Marketing Intern

Conor is an intern on the marketing team at Social Driver and a business administration and marketing student at Aquinas College.