• text:  + 
•  - 
• high contrast

Training Course Links

Using standard markup

• The learning curve of web standards
• Web Standards Project
• Article: Web Site Accessibility and Web Standards - Get More Visitors and Make More Money
• Webstandards.org: Advantages of using Web Standards
• Powerpoint presentation: advantages of web standards
• The Web Standards Group
• W3C AQ - How to achieve Web standards and quality
• W3C: Why should I care if my document is in correct HTML?
• DOCTYPE templates from Webstandards.org.
• HTML 4. Transitional Document Type Definition
• XHTML 1 Transitional Document Type Definition
• What is the box model and what is the box model hack?

Validation

• W3C HTML validation Service
• W3C CSS validation Service
• Bookmarklet: Check for valid markup.

Designing with stylesheet

• CSS Zen Garden
• Behind the scenese of Garden Party - thoughts by Bobby Vandersluis about creating non-boxy CSS designs
• CSS Accessibility and Standards links
• 900 sites that use CSS for layout
• CSS Beauty - well designed CSS sites.
• Listutorial: Step by step CSS list tutorial
• Layout Gala: 40 CSS layouts

Accessible Javascript

• Accessible pop-up windows
• The perfect Pop-up (creating accessible pop-up windows)
• WebAIM: Creating Accessible Javascript
• Jim Thatcher: Scripts and Applets
• ITTATC - Javascript accessibility information

Disabled people and the web

• British Dyslexia Association
• TechDis Accessibility Research Papers
• Designing web pages for dyslexic readers
• Dyslexic.com - accessibility statement and guidelines
• Attractive, Accessible Web Sites by Ian Lloyd
• How Disabled People Use the Web

Tools and utilities for checking sites

• Xylescope: CSS analysis tool
• Lynx Viewer: http://www.delorie.com/web/lynxview.html. This service allows web authors to see what their pages will look like (sort of) when viewed with Lynx, a text-mode web browser.
• Web page backward compatibility viewer: http://www.delorie.com/web/wpbcv.html.
• Web page purifier: http://www.delorie.com/web/purify.html. Find out how your web page looks on Web tv.
• Any browser.com - site viewer
• Any browser.com - screen size test
• World Wide Web Email browser
• The WAI list of filter and transformation tools
• Websites to try with keyboard, screen reader or text only browser.
• List of tools and resources compiled by the Texas School for the Blind and Visually Impaired.
• Firefox Web Developers Toolbar
• Web Accessibility Toolbar for PC
• Html Validator for Firefox
• Firefox keyboard access

Reference links

• 25 free web accessibility tools
• Evaluating Web Sites for Accessibility
• Accessible Web Design Tutorial website
• Instructions for the tutorial website
• Visit the Accessify Forum to discuss issues related to accessible web design.
• WAI Web Content Accessibility Curriculum
• Accessibility issues with PDF documents.
• Adobe Acrobat Accessibility
• Accessible Design: useful tools and validators
• Web Content Accessibility Guidelines 1.0

Bookmarklets useful for checking sites

• Check for valid markup.
• 640x480
• 800x600
• 1024x768
• Change to Grayscale
• Alt attributes - show all
• Alt attributes - images missing alt attribute
• Disable stylesheets
• Enable stylesheets
• Images list
• Links - titles and hrefs
• Check page with WAVE

Day two exercise

Access audit of tutorial website.