Browse by category

Blog archive

2020April 2020 (1)March 2020 (3)February 2020 (1)2019December 2019 (2)October 2019 (2)September 2019 (2)July 2019 (3)June 2019 (2)May 2019 (1)April 2019 (2)March 2019 (1)February 2019 (2)January 2019 (2)2018December 2018 (2)November 2018 (1)October 2018 (2)September 2018 (1)August 2018 (2)July 2018 (1)June 2018 (1)May 2018 (1)April 2018 (1)March 2018 (2)February 2018 (2)January 2018 (4)2017December 2017 (6)November 2017 (4)October 2017 (5)September 2017 (3)August 2017 (3)July 2017 (3)June 2017 (1)May 2017 (2)April 2017 (1)March 2017 (1)February 2017 (2)January 2017 (2)2016December 2016 (2)November 2016 (1)October 2016 (1)September 2016 (1)August 2016 (1)July 2016 (1)2015December 2015 (1)January 2015 (1)2013December 2013 (1)2012November 2012 (1)

The WAI (Web Accessibility Initiative) and XHTML standards are technical guidelines set by the W3C (World Wide Web Consortium), an internationally recognised internet body. These guidelines ensure that a website can be accessed by people in as many different situations as possible, for example, people using screen readers and people viewing websites through devices other than a computer such as tablets and mobile phones.

Here are the WAI guidelines 1.0 with suggestions about how to implement them:

  1. Provide equivalent alternatives to auditory and visual content - add descriptions to your images and make transcripts for audio files and videos. Graphics used for layout which are of no value to visually impaired users should have descriptions deliberately left blank.

  2. Don't rely on colour alone - if colour is used as a key, highlight it in another way as well, for example through layout or with formatting like bold or underline.

  3. Use markup and style sheets and do so properly - use HTML where appropriate, for example, use an ordered list for numbered text. Don't use in-line colours and font-faces - use the pre-defined CSS styles. Check your site using the W3C HTML validator and CSS validator.

  4. Clarify natural language usage - specify the language code of the language that the page is written in at the top of the HTML file. For example:
    xml:lang="en" lang="en">

  5. Create tables that transform gracefully - tables were designed to display data in a grid style rather than for layout and alignment. Use them appropriately and highlight row and column headers in HTML.

  6. Ensure that pages featuring new technologies transform gracefully - not everyone will have Flash, Javascript or even CSS so make sure they can still read your website. It won't look the same but it should convey the same or equivalent content in an appropriate way.

  7. Ensure user control of time-sensitive content changes - make sure users can turn off any moving content. Even better, avoid flashing, blinking or scrolling text and images.
  1. Ensure direct accessibility of embedded user interfaces - embedded objects, for example, a video player with controls, should follow the same principles of accessibility.

  2. Design for device-independence - people navigate with many different devices such as PDA styluses, TV remote controls or screen readers. Do not design a web page to only work with mouse-specific actions such as "hovering".

  3. Use interim solutions - if you are supporting older browsers you may need to make further changes in order to make your site accessible.

  4. Use W3C technologies and guidelines - many technologies such as PDF and Flash do not follow W3C accessibility standards. If you do use them, apply W3C guidelines to ensure the content is accessible.

  5. Provide context and orientation information - the relationship between a question and an input box for the answer isn't obvious to screen readers. Don't rely on visual clues - use HTML to link related items.

  6. Provide clear navigation mechanisms - help people to navigate easily around your website. Display a navigation menu in the same position on each page - across the top or down the left side are familiar positions to web users. Provide a clear sitemap. Ensure that link text is meaningful and makes sense when taken out of context, not just "click here".

  7. Ensure that documents are clear and simple - does your web page make sense in terms of layout and language? People don't waste time on websites they don't understand! Spell-check the words on each page or if you are able, employ a copywriter.

Tagged under: Bluffers guide   Build a better website   Legal   Accessibility