Rich Media

FREE - Web Application

A screen with 5 icons representing components of accessibility including magnification, colour contrast, font increase ability, screen readers and captioning.

6 easy ways to make your projects more accessible

6 easy ways to make your projects more accessible

6 easy ways to make your projects more accessible

Eye icon

12668

Web accessibility. WCAG 2.0. Level AA… Everyone seems to be talking about accessibility. There are a lot of differently abled users that need to be considered. This includes visitors to your site with visual disabilities (blindness, low vision or colour-blindness), those that are hard of hearing or deaf, and those with motor impairments (such as paralysis or arthritis). But what exactly should be done to make your website friendlier for those with disabilities?

Here are 6 things you should be incorporating in every digital project that you do:

Make Sure The Site Is Accessible With Just A Keyboard

Try your own site without your mouse. Can you reach all of the navigation and key elements using just a keyboard? This is important for visitors that may be blind, that have motor disabilities, such as tremors, and anyone that can't use a mouse.

Use A Strong Contrast Between Your Text And Background

Think about all the times the bright sun has made it almost impossible to see something on your screen or having to squint to read some tiny font. It's important to remember that as text decreases in size, its contrast with the background needs to increase. The contrast ratio should be at least 4.5:1 for normal text, and large text should have a contrast ratio of at least 3:1. For more information, check out section 1.4.3 of the Worldwide Web Consortium web accessibility guidelines.

Make Sure To Provide Captions and Descriptive Transcripts For Videos

This helps benefit those that are hearing impaired as well as anyone without sound on their system.

See Also: A QUICK ONLINE TOOLS HEALTH CHECK

Help Your Users When They've Made A Mistake

Offering a generic error message ("Please fill in the fields highlighted in red") may seem like the easiest solution but it doesn't help someone using a screen reader or someone who can't distinguish red very well. Try to be more descriptive with your error messages, such as writing out what fields still need to be filled out.

Provide Text Alternatives ("Alt Text") For Images Or Multimedia

Screen readers need alt text to give users some context of the images, otherwise the screen reader might skip the image or only read the file name. Hearing "image of author" is much more useful than just hearing "image_123.jpg".

Test On A Screen Reader

Make sure to run your site through a screen reader and see what the experience is. According to the World Health Organization, over 2.2 billion people worldwide have a vision impairment, which means that at least 27.2% of people could benefit from a screen reader. JAWS is currently the most popular reader, being the primary reader for 53.7% of screen reader users, but many other options are available, including NVDA, VoiceOver and Narrator (Source: WebAIM). Consider testing your site for accessibility on mobile as well - 91.6% of people with disabilities surveyed by WebAIM have reported using a screen reader on their mobile devices (Source: WebAIM).

It's All About Balance

Please don't turn your site into text-only to make it seem accessible. This would be a poor customer experience for almost everybody. Alternatively, don't just rely on images. Making your entire page one large image isn't great for accessibility or SEO. Use images and graphics where they are needed to provide some visual interest, draw attention where needed and help make your site eye-catching. There's a balance between text and imagery that will help provide the ideal customer experience for everyone.

See Also: APP OR MOBILE WEB? 10 QUESTIONS TO HELP YOU DECIDE
Notebook and pencil

Looks like you're interested in digital marketing...

Interested in digital marketing?

Learn more about how to get started.