Skip to main content

Website Accessibility

Accessible website design

1. Text

Use a sans serif typeface, like Arial as it is easier to read for visually impaired people. A large font equivalent to Arial 14 is a good size – the alternative is to have a Large Print button at the top of the home page.

The text should be colour-contrasted with its surroundings – like black/white, yellow/blue, green/white. Many visually impaired people find it easier to read reverse coloured text – e.g. white characters (#FFFFFF), on racing green (#006600)  background

2. Images

Pictures/pictograms/icons help many people with learning disabilities, but can be a hindrance to people using voice software like Hal/Supernova (text-reader software). Where pictures are included, make sure the alt tags say what they are or what they do (e.g.: click here for Toyota cars)

3. Frames

Frames are about the most unhelpful thing for blind and visually impaired people, firstly because it is not easy to see what is going on, secondly, because most Text Reader software works from left to right (in the West), so someone using, for example, Supernova or a screen reader may be jumping from frame to frame and what they hear wont make sense.

4. Tables

Tables are inaccessible for many with visual impairments and some screen readers

5. Forms

Web-based forms can usually be read by text readers, but it’s worthwhile including a “print” button, for people who can’t use the online version.

6. Document downloads

If written in Adobe Acrobat 7 or above, pdf.files can be read by text readers like Jaws, but not all screen readers, therefore it is best practice to offer documents in Word and in Pdf

7. Structure

A logical and easy-to-follow structure may be the most important thing in making a website accessible:

  • avoid clutter
  • keep the homepage as simple as possible
  • pay particular attention to how you map out the site – the fewer clicks for a person to get to the information they want, the better – it is a resource not a Treasure Hunt

    • Check Out

    Web Content Accessibility Guidelines. Available at: www.w3.org/WAI/

    Accessibility Guidelines for Web Authors. Available at: www.demon.ac.uk/access

    Back to top