Resources - knowledge sharing

Last revision: 31st March 2008

Older resources are currently displayed in the old site format. I need to revisit each resource before bringing it into the fold and it may take some time.

JavaScript

Accessible glossary
added: 10th January 2008
A neat little solution that uses Ajax to fetch definitions. Works with and without Javascript available. Easily tailored to suit inclusion into a database.
Displaying code in web pages
added: 25th June 2006
A semantic cross-browser cross-platform method with added CSS styling and striped vis unobtrusive JavaScript.
JavaScript syntax highlighter
added: 27th June 2006
A simple online tool to add syntax highlighting to JavaScript. for use in your web pages.
Accessible JavaScript form help, a show & hide technique
added: 15th June 2006
An accessible method of hiding form help utilising unobtrusive JavaScript.
Accessible Date Picker Calendar [beta 2]
added: 2nd September 2005
updated: 16th December 2005
A new version is currently under development
Accessible JavaScript scroller
Not enough space in your design for breaking news? Here's an accessible horizontal text scroller which you may find useful. An online demo and download.
Accessible vertical scroller
The beta version of a vertical text scroller. Similar in many respects to the horizontal version. Not yet complete, but working.

Cascading Style Sheets

Useful CSS snippets
updated: 13th January 2008
An odd collection of really useful CSS snippets.
Accessible & semantic image rollover menu
added: 12th June 2005
updated: 22nd June 2006
A semantically written menu that uses a single image and swaps accompanying text descriptions in an accessible manner.

Accessibility

A beginners online accessibility workshop
written: 26th November 2004
added: 25th June 2006
A workshop run by the now defunct NGfL aimed to train developers & managers in accessibility basics. Supplied "as is" it may be of use to others giving basic training.
Accessible Forms: Guidelines & Manipulation
updated: 2nd September 2005
updated: 15th June 2006
updated: 9th August 2006
A comprehensive list of form guidelines, examples for search, login and contact, plus DOM compliant JavaScripts for high-lighting focused inputs elements, form help, field text high-light and replacement.
Accessible quiz
added: 5th June 2005
updated: 19th August 2005
An accessible XHTML quiz designed to be easily re-purposed.
Dive Into Accessibility [zip 168KB]
Download a copy of Mark Pilgrims free e-book. I highly recommend this book and it's completely free.

Web standards

Commonly used symbols
A list of those symbols that are never remembered (½ for instance). Stated in both numeric and symbolic terms. Including currency and a few lesser used symbols too.
Developing With Web Standards [off site]
Explains how and why using web standards will let you build websites in a way that saves time and money for the developer and provides a better experience for the visitor. Also discussed are other methods, guidelines and best practices that will help produce high-quality websites that are accessible to as many as possible.

Site search:

Most popular

Web tool links

  • aDesigner IBM's disability simulator. A fine piece of work.
  • Colour contrast analyser Free tool for checking foreground & background colour combinations to determine if they provide good colour visibility.
  • Webxact Watchfires latest online web site evaluation tool.
  • CynthiaSays An online accessibility evaluation tool.
  • Bobby An online accessibility evaluation tool.
  • Colour blindness simulation Vischeck simulates three kinds of colour blindness.
  • Distractibility simulation Experience similar frustrations to cognitive disabilities.
  • Lynx viewer An online tool that simulates a text-only browser.
  • Screen reader simulation Simulation to aid understanding of the visually impaired accessing the Internet.
  • The Wave An online accessibility evaluation tool.
  • W3C tool list Evaluation, repair, and transformation tools for web content accessibility.

Inspect report: