5 Simple Guidelines To Improve Your Website’s Accessibility

5 Simple Guidelines To Improve Your Website's Accessibility
With each and every passing day, the World Wide Web (WWW) is becoming more and more advanced. It has also established itself as one of the most vital and powerful resource of information, and a source abound with exciting possibilities. Sites have become the easiest and convenient forms of information exchange, surpassing most of the traditional media channels like the radio and television.

It is quite unfortunate that the adaptability and the power of WWW is sometimes not utilised properly or fully to become usable for users with special needs. In fact, the first ever global web accessibility survey, which was conducted by Nomensa on behalf of the United Nations in 2006 concluded that from the 100 leading web site home pages from 20 countries, 97% did not even achieve the Single-A accessibility level – the basic accessibility rating of the W3C Web Content Accessibility Guidelines (WCAG). From both the ethical and commercial perspectives, organizations cannot really afford not to cater for users with special needs.

This article contains 5 simple, yet practical guidelines, which, in my opinion will improve your website’s accessibility. Indeed, implementing these guidelines will improve the overall accessibility for all users.

1. Colour

5 Simple Guidelines To Improve Your Website's Accessibility - Color

How persons with different forms of colour blindness perceive the colours of the rainbow

First thing you need to consider is the colour of the website. In the United States alone, there are approximately 10.5 million men and 0.6 million women suffering from colour blindness of some form or other. Deuteranopia and Protanopia are the common types of colour blindness, and people who have such problems face difficulty in distinguishing between green, red and similar colours. Thus while coding and designing your site, you should keep this factor in mind.

A simple way of diminishing this problem would be to test your site using some of the free utilities that can be found online. Sites such as Color Filter, Sim Daltonism, Etre and VisCheck will help you by providing different filters that will simply mimic how a colour blind person will perceive your website.

Maintaining a high colour contrast can also be one of the smart ideas. This guideline is not only for the colour blind people, but it also will be of great benefit for regular users too. The Web Accessibility Guidelines suggest maintaining 4:5:1 as the minimum contrast ratio. For standard sized text the ideal ratio would be 7:1. Ideally, text needs to be in black and the background white.

2. Links

5 Simple Guidelines To Improve Your Website's Accessibility - Link Accessibility

These links may look nice but they are definitely not accessible (Source: Blogger Templates)

Make sure that the contextual links in your website are more descriptive. Several people with special needs make use of screen readers. Most screen readers today offer their users the option to navigate a web page by jumping through the links in order to find something that they are interested in. For all the text links, the user will only hear the text link word or phrase, no matter what content it leads to. Thus it becomes quite useless if all the user hears is “more” or “click here” as this does not provide enough information regarding where they are directed to or navigated to.

A website will be more accessible for special needs if it contains descriptive links such as “click here to know more about this article” or “Learn more about the article”. For a full set of guidelines on how to make your links both usable and accessible, I suggest reading the article
15 Usability Guidelines For Designing Web Site Links

3. Alternative Content

This video from Nomensa provides an excellent explanation of the importance of the alt tag for accessibility

Provide alternative content. One of the most important principles of web accessibility is to provide content that is available for everyone irrespective of what special needs they have. There are several techniques to achieve this.

Perhaps, one of the simplest, yet important ways of doing it is to provide text for non text content (using the HTML alt attribute) and vice versa. You could introduce the ability for users to select larger fonts and higher contrast when viewing your site.

4. Navigation

Special considerations need to be taken in order to make navigation accessible. One tip is to place the main navigation at the very beginning so that the user does not have to go through several links. Also a skip navigation link is advisable. Credit: psasbyliz (YouTube Username)

It is always advisable to create a web page which is logically structured and intuitive to navigate through. Also important is the introduction of additional hierarchical cues that indicate the varying degree of importance in content through the use of adequate styling. This helps the user differentiate between content, subheadings and main headings. Through proper use of HTML markup and (if necessary) CSS styling this can be very easily achieved.

Another, often forgotten is the use of tabindex to facilitate the flow of form filling. This can be particularly useful for fine motor special need users as they require precise movements over the radio buttons and check boxes.

5. Testing

5 Simple Guidelines To Improve Your Website's Accessibility - Section 508

The US Government's Section508 website (http://www.section508.gov) contains accessibility standards that can be used to test the accessibility of a website

Testing the accessibility of your website against such a wide array of users with special needs is an incredible feat. As with all forms of testing, nothing is better than real user testing. However, there are automated tools that can help in identifying accessibility issues by analyzing your website’s code. We have issued a list of 10 Free Web Based Accessibility Tools in another article on this blog.

Conclusion

When discussing accessibility, it is always worth remembering the difference and
relationship between usability and accessibility. For a website to be usable, it needs to be accessible. This is why, implementing accessibility measures in your website such as the ones recommended in this article will be beneficial to all your users, irrespective or not they have special needs.

  • Ian Hamilton

    Testing with disabled users does not have to be an ‘incredible feat’ at all, as you don’t need to test with a ‘wide array’ of users. It’s actually much simpler than you think.

    Disabilities are issues that occur when a barrier is put in place that causes difficulty for someone due to their medical condition. It’s these disabilities that you need to consider, not the medical conditions themselves, and there are only actually four broad types of disability that relate to web usage.

    For example if you sourced even just a single participant with dyspraxia, that would give you some valuable feedback on both motor and cognitive disability. With other types of medical condition too it’s actually rare to have a single one, so you’ll often get feedback on a couple of the four areas from each participant.

    More information here:

    http://www.netmagazine.com/features/simple-introduction-web-accessibility

  • http://www.intuitionhq.com/ Tim for IntuitionHQ

    Great article. The 5 guidelines are definitely improving your website’s accessibility. About testing, IntuitionHQ is another great usability tool. You can read more about usability on our blog, http://j.mp/nIqLlC

  • http://twitter.com/lallodola Daniela Costantini

    Simple but effective! I would like to summarize and translate your interesting article in my (italian) blog: do you think it should be possible? Thank you in advance. Daniela

Related Posts

Newsletter

Subscribe to our free weekly newsletter so that you can receive useful tips and valuable resources directly into your mailbox. (No Spam)

About our Newsletter

Featured Deal

View All Current Deals