Skip straight to main text
ON-LINE Homepage Information Service Project Information Transnational Work - Telematics and Disabilities Contact Details

Online Information on Employment and Training Opportunities for Disabled People

Guideline Papers

Accessible Web (Electronic) Based Information Design. Part 2

Good Web Site Design

  1. Page layout is consistent and simple.
  2. Backgrounds are simple and ensure there is adequate contrast.
  3. A clear, consistent navigation structure is used.
  4. Navigation bars provide easy access to the navigation structure. Easy to navigate around site including between text-only and graphic pages.
  5. Instructions are provided to describe the general layout of the site, the access features used, and how to use them.
  6. Include information about accessibility and encourage users to feedback with access concerns.
  7. A site map is available
  8. Nothing in the site prevents keyboard operation.
  9. Different types of searches are available for different skill levels and preferences.
  10. Attempt standard HTML formats - use of tags TITLE/ALT etc.
  11. Elements outside of the HTML 4.0 specifications are not used.
  12. If text only pages are used they must be updated with the graphics page. Navigation between the two sites needs to be very clear.
  13. Create a single downloadable file for documents that exist as a series of separate pages

Top of Page



Good Use of Web Page Features

  1. ALT attributes: include short, descriptive ALT tags for all graphical features.
  2. Images & Image Maps (also called ISMAPS): text alternative for all images; description for each link in image map; use client-side image maps; description for all image links.
  3. Links: link phrase should make sense and can be understood out of context; place non-link printable characters between consecutive links; minimise the use of multiple hyperlinks in a single line of text.
  4. Audio and Video: provide captioning and transcriptions of materials; text transcripts; description of all video information in audio form; separate text transcript of all video descriptions, synchronised descriptions.
  5. Lists: use number lists rather than bullets, they are easier to navigate around.
  6. Text: use the heading tags in the proper order; moving or blinking type not used.
  7. Buttons: use large buttons for navigation around the page/site.


Good Use of Special Feature

  1. Frames: label frames; use sparingly; provide a no frame option.
  2. Tables: explicitly tag table elements, use style sheets. Minimise the use of tables, can be made accessible if necessary.
  3. Forms, Databases and User-input Forms: explicitly label controls; ALT tag for images as 'submit' buttons; forms tend to be inaccessible allow download version that can be mailed/emailed; always test forms and databases with a text browser; include email and other contact information.
  4. Applets and Scripts: provide text alternative <NOSCRIPT> and a non-Java option; allow text to viewed statically; describe applets with important information; provide alternative ways of gathering information, if no alternative format make applet directly accessible.
  5. Style Sheets: pages must be readable without style sheets (this is a new way formatting to position text and objects other than with tables); with style sheets it is difficult for old browsers to read; should begin to learn use of style sheets.

Next: Testing Web Pages
Previous: Introduction to Accessible Web Design
Back to The Project

Top of Page



| Information Service | Project | TAD | Contact | Sitemap |

Last updated: 1 December 1999
© 1999-2000 Toucan Europe Ltd
webmaster@on-line.org.uk