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 & < and >
- 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.