Resources - knowledge sharing

Last revision: 9th October 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

Cross-fading disjointed image rollover
added: 28th September 2008
updated: 3rd October 2008
Accessible, semantic and completely unobtrusive implementation of a cross-fading disjointed image rollover.
Embedding Flash video accessibly
added: 25th September 2008
Continuing with unobtrusive Flash insets. Here's how to present Flash video in an accessible manner. Including as required: Alternate media, captioning, audio description, and text transcript.
Embedding Flash accessibly
added: 15th September 2008
Add Flash insets to your web site in an unobtrusive and accessible manner.
Gzip content
added: 13th September 2008
A simple content compressor to help speed up delivering your web site.
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
updated: 14th September 2008
updated: 9th October 2008
A semantic cross-browser cross-platform method with added CSS styling and striped via unobtrusive JavaScript. Includes a text parser to convert: & < and > into &amp; &lt; and &gt;
JavaScript syntax highlighter
added: 27th June 2006
A simple online tool to add syntax highlighting to JavaScript. for use in your web pages.
Accessible form help
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: 14th September 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 web sites 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 web sites that are accessible to as many as possible.

Resources and site search:

Site search:

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.

New to site

Most popular

Inspect report: