Archived code resources

Simple FAQ

20th April 2012   (update: 02-08-2017)

A simple folding FAQ using a little JavaScript

Modal Pop-ups using CSS3

8th March 2012   (update: 25-03-2017)

An accessible pop-up modal window using purely a mix of CSS and HTML and zero JavaScript

Styled & accessible tool-tips

14th May 2009   (update: 25-03-2017)

Converts title attributes into styled tooltips using CSS and jQuery.

Embedding Flash video accessibly

29th November 2008   (update: 27-05-2017)

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. A simple, unobtrusive, and lightweight method.

Useful JavaScript functions and snippets

4th October 2008   (update: 23-05-2017)

A personal collection of very useful JavaScript snippets and functions.

Gzip content

25th September 2008   (update: 25-03-2017)

A simple server-side content compressor to dramatically speed up the delivery of your website.

Embedding Flash accessibly

15th September 2008   (update: 27-05-2017)

Add Flash insets to your website in an unobtrusive and accessible manner.

Accessible form help

15th September 2008   (update: 25-03-2017)

A demonstration of an accessible method to hide form help utilising unobtrusive JavaScript.

Accessible Ajax glossary

10th January 2008   (update: 27-05-2017)

A neat little solution that uses Ajax to fetch definitions. Works with and without JavaScript available. Easily tailored to suit inclusion into a database.

Cross-fading disjointed image rollover

28th December 2007   (update: 25-03-2017)

Cross-fading disjointed image rollover written in semantic, accessible mark-up, with unobtrusive javascript using css-sprites.

Accessible forms: Guidelines, examples & tricks

7th November 2006   (update: 08-04-2017)

Accessible Form Guidelines, The do's & don'ts of accessible form design, Complete with example forms and accessible JavaScript form tricks.

JavaScript Syntax Highlighter Tool

27th June 2006   (update: 25-03-2017)

A simple online tool to add syntax highlighting to JavaScript. For use in your web pages.

Accessible quiz

19th August 2005   (update: 27-05-2017)

A simple accessible XHTML quiz designed to be easily re-purposed.

Semantic image rollover menu

12th June 2005   (update: 25-03-2017)

A semantically written menu that uses a single image and swaps accompanying text descriptions in an accessible manner.

Useful CSS Snippets

5th June 2005   (update: 23-05-2017)

An assorted collection of useful CSS snippets.

Accessibility workshop

26th November 2004   (update: 01-01-1970)

An accessibility workshp which ran in 2004. The content and learnings remain, in most part, relevant today.

Dive Into Accessibility [zip 168KB]

Download a copy of Mark Pilgrims free e-book. I highly recommend this book and it's completely free

Developing With Web Standards [off site, new window]

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