Subscribe to our latest seo tips!
Home

Idiots Guide To Accessible Website Design

We're a professional website design company in Scotland, UK. Here's some tips to make websites!

PAS 78: Update 2008- Now free to download (as opposed to £30) from the DRC.

More recently the UK Government issued a consultation document on Delivering Inclusive Websites to improve things.

There's a lot to learn about accessible website design. Here we present some of the facts about web accessibility in the UK, a beginners guide for dummies. **** Note We have just moved this archive to this site - over the next couple of months we are checking the information provided (22 Jan 2008) ******

Does My Website Have To Be Accessible in 2008?

The part of the DDA that states websites must be made accessible came into force on 1 October 1999 and the Code of Practice for this section of the Act was published on 27 May 2002. RNIB 2005

You do have a responsibility at some level, whether or not you are the designer or the commissioner of the website, to ensure your website design does not discriminate against disabled visitors to your site.

You now have a legal obligation - following the implementation of section 21 of the Disability Discrimination Act (1999) - to make reasonable adjustments to ensure blind and partially sighted people can access your service. RNIB, 2005

The DDA does not specifically address websites design standards but it does make reference to the service provision of, well any service..

For the purposes of section 19, a provider of services also discriminates against a disabled person if he fails to comply with a section 21 duty imposed on him in relation to the disabled person; and he cannot show that his failure to comply with that duty is justified. DDA 1999

and interestingly, the Code of Practice cites an airline website as an example to define a service online:

What services are affected by the Act? An airline company provides a flight reservation and booking service to the public on its website. This is a provision of a service and is subject to the act. Code of Practice 2.13 - 2.17 (p11-13)

Service providers have a duty to make adjustments before there's a problem. The DDA Code of Practice makes this clear.

Service providers should not wait until a disabled person wants to use a service which they provide before they give consideration to their duty to make reasonable adjustments. […] They should anticipate the requirements of disabled people and the adjustments that may have to be made for them. […] Failure to anticipate the need for an adjustment may render it too late to comply with the duty to make the adjustment. Furthermore, it may not of itself provide a defence to a claim that it was reasonable to have provided one. A service provider's duty to make reasonable adjustments is a duty owed to disabled people at large. It is not simply a duty that is weighed up in relation to each individual disabled person who wants to access a service provider's services. DDA Code Of Practice 1999

So what happens if your website design is not accessible?

Unsurprisingly, you leave yourself open to criticism, bad press and and more seriously legal action if your site is not accessible.

A disabled person can make a claim against you if your website makes it impossible or unreasonably difficult to access information and services. If you have not made reasonable adjustments and cannot show that this failure is justified, then you may be liable under the Act, and may have to pay compensation and be ordered by a court to change your site. RNIB 2005

What is meant by “reasonable adjustments” to your website design?

Steps that should be taken to make reasonable adjustments include changing:

  • a practice, policy or procedure which makes it impossible or unreasonably difficult for a disabled person to use a service;
  • any physical features which make it impossible or unreasonably difficult for a disabled person to use a service.

Reasonable steps must also be taken to provide:

"auxiliary aids and services " (an example of which would be an accessible website) where these would enable or facilitate the use of a service. RNIB 2005

These changes have been required since October 1999. Note that "reasonable" is not defined in the Act, but the Code of Practice does give some guidance on this, and indicates that it will depend upon:

  1. the type of service provided
  2. the type of organisation you are and resources available
  3. the impact on the disabled person

What level of compliance should your website design meet?

No case has been brought to court in the United Kingdom to date, so there is no case law guidance. In any event, case law can only provide broad guidance - what websites have to do may vary from site to site. What is important, however, is the outcome: the DDA requires that you make what it refers to as “reasonable adjustments”, to your services to ensure that a person with a disability can access that service. This means making changes to websites - which offer 24 hour service, and a variety of features not available via, for example, a telephone service - so that disabled people can use them.

...as outlined in our “See it Right” website accessibility requirements, we recommend that websites exceed the basic level of compliance that the World Wide Web Consortium (W3C) recommend in their Website Accessibility Guidelines (WAG) version 1.0 and aim for double AA compliance. If you are a UK government website you should be aiming to achieve double A. RNIB 2005

Who can build you a website design that 'complies with UK Law'?

No website design company is capable of producing a website for you that is “compliant with the law” or “compliant with the DDA" in the UK.

9.1.1 It is not possible to provide a definitive specification for a fully accessible website which will satisfy the requirements of the DDA. Website commissioners should therefore be sceptical if contracting companies declare that they will create websites that are “DDA-compliant” or “compliant with the law”. Conversely, website commissioners should not require a web designer to design a website that is “DDA-compliant” or “compliant with the law”. Until case law has been established such claims cannot be made or honoured. PAS 78 , 2006

Although there are many website design companies that build (or at least promise to build) quality, W3C compliant websites.

How do you choose a web site design company?

There is currently no nationally recognised system of accreditation for website developers who claim to create accessible websites that uphold W3C guidelines and specifications. You should therefore perform your own reference checks until you are satisfied that the web site designer has competence and experience in developing accessible web sites that uphold W3C guidelines and specifications. PAS 78 2006

Checks should include:

  • a review of previous work
  • references from previous clients
  • a practical knowledge of PAS 78
  • a practical knowledge of W3C guidelines and specifications
  • an appreciation of the implications of “The Disability Discrimination Code of Practice (Goods, Facilities, Services and Premises)” 2002 edition.
  • familiarity with assistive technologies.

Web Accessibility Opinion

Basically, you need to make sure your site is built to W3C standards for good website design. That means valid html and valid css. It means passing Priority 1 W3C WCAG (Google it!) at least. It means well formed website code (i.e. without errors) and simple and correct use of technologies. Actually - this is fairly simple to do for an experienced web designer - do not accept that you need to pay more for accessible web design - it should come as standard, part of good practice web design. You could go one step further and ask "vision impaired" testers to test drive the site. Finally, you need to listen to your web site visitors. If someone contacts you about the inaccessibility of your web site - then fix it!

There's a business case and moral obligation to make your site as accessible as you can. There are over 8 Million people registered as having a disability in the UK, and a lot of them use the net - do you really want to ignore them? Prosecutions have been successful in Australia and the US - it will happen in the UK, just not any time soon - so don't worry too much about prosecution - and don't listen to the snake oil salesman who want your hard earned cash for total website redevelopment!

Shaun Anderson

10th December 2006

Free Tutorials

What Is RSS?


 

Accessibility 101

The information that follows is generally accessible website design good practice for information sites:

  1. Find out a bit about the W3C
  2. Find out a bit about WAI
  3. What is WCAG?
  4. Find out a bit about the RNIB
  5. Join the RNIB Campaign For Good Website Design
  6. What is 'See It Right'
  7. Learn a bit about Jakob Nielsen, usability expert
  8. Disability Discrimination Act and Websites
  9. What is PAS 78?
  10. UK Government Recommendations
  11. UK Disability Rights Commission
  12. Compliance with S.E.N.D.A.
  13. Is my website accessible?
  14. Is my website legal?
  15. Minimum requirement under UK Law?
  16. Can I be prosecuted under UK Law?
  17. Who enforces UK website accessibility laws?
  18. When must a site be accessible by?
  19. Has anyone been prosecuted under the UK DDA?
  20. Has anyone been prosecuted under the DDA elsewhere in the world?
  21. Website Accessibility issues for the Blind
  22. Website accessibility issues for the Deaf
  23. Website accessibility issues for the Physically Impaired
  24. Website accessibility issues for people with Learning Disabilities
  25. Best Monitor Screen Resolution to design for?
  26. What is Section 508?
  27. Who is Watchfire?
  28. What is BOBBY?
  29. Why Bobby Approved is not enough
  30. Keep It Simple Stupid (KISS)
  31. What is the 3-click rule of website design?
  32. Keep navigation & page layouts consistent
  33. Keep download times to a minimum
  34. Use a template for your website (even if it is static)
  35. Build to W3C / WAI standards
  36. Use UK Government Access Keys
  37. What's bad about UK Government Access Keys?
  38. Let visitors turn on and off UK Government Access Keys
  39. Don't think everyone has got the same software has you
  40. Don't use Flash to build your entire website
  41. Do not use Frames to build your website
  42. Use HTML to build your website
  43. Use CSS to build your website
  44. Don't add a text only site!
  45. Add a 'skip links' link
  46. Achieve true separation of content from design
  47. Use a fluid website layout
  48. Don't use tables for layout
  49. Use tables properly
  50. Provide a summary for tables
  51. Specify the language used
  52. Use ALT text for images!
  53. Use equivalent alternatives for flash or movies
  54. Don't use images for text
  55. What's the best font size to use?
  56. What are the best text and background colours to use on a web page?
  57. Ensure good contrast between foreground & background
  58. Don't use colour to 'describe' anything
  59. Don't give people epileptic fits when they visit your website!
  60. Don't produce pop up windows!
  61. Make your links obvious
  62. Make sure all your links work as expected
  63. Explain abbreviations and acronyms
  64. Eliminate Horizontal Scrolling
  65. Don't open email programmes unexpectedly
  66. Design for device-independence
  67. Don't use "click here" as link text
  68. Test your website every 2 minutes!
  69. Test your website in IE, Opera & Safari
  70. Test your website in Firefox
  71. Test how your page prints out
  72. What is HTML/CSS validation?
  73. Where can you test the accessibility of your website?
  74. One subject to a short sentence, avoid jargon
  75. Documents shall be organized so they are readable when a style sheet is removed.
  76. Use client-side image maps
  77. Don't rely on javascript for important links!
  78. Properly develop your email forms
  79. Don't open links in new windows
  80. No meta re-directs
  81. Separate Adjacent Links
  82. Use <link>s in your document the LINK element
  83. Don't design solely for mouse users
  84. Don't break the back button!
  85. Don't forget to add a doctype
  86. Use intelligent URLs
  87. Long, unusable URLs
  88. Use international date format (ISO)
  89. Provide a disclaimer / privacy policy
  90. Create an accessibility statement
  91. Use linked style sheets rather than embedded styles
  92. Use different document titles for every page.
  93. Let users specify different stylesheets on your site using a server side scripting language
  94. Only use CSS based dropdown navigation systems
  95. Use NOSCRIPT tags with JAVASCRIPT
  96. Know your website accessibility resources on the net
  97. Correct Use Of H1, H2, H3, H4, H5, H6
  98. SEO and Accessible Website Design
  99. Submit your website to Google, Yahoo & MSN
  100. Designing your website for visitors with Dyslexia
  101. Don't think that knowing about the above tips makes you a usability or accessibility expert!

 


Search Engine Marketing

  • Creative On-Page SEO (Optimization)
  • Website Text & Image Optimization
  • Internal Navigation Optimization
  • Relevant & Quality Link-Building Programme
  • Web Page SEO Consultation
  • Social Media Promotion & Networking
  • Corporate SEO & Online Reputation Management
  • Award Winning Web Design
  • Useable, Accessible W3C Website Design
  • Joomla CMS Design & Development
  • Wordpress Blog Design & Development
  • HTML & CSS Web Design
  • E-Commerce Shopping Cart CMS
  • Hosting & Domain Management

Contact us

Hobo-Web LTD,
The Stables,
24 Patrick Street,
Greenock
PA16 8NB
Scotland
UK

Telephone 0845 094 0839
FAX 0845 868 8946

Web Design Tips

Accessibility 101

Small Business Services

Small Business Website Design

Ad Agency

Advertising Agency

CMS / Blog Development

Joomla Designer Wordpress Designer