Web Design for Accessibility

Index to Pages in this section

• Accessibility Overview
• Types of disabilities
• Problems for Web design
• Solutions: Designing for Disabled viewers
• Separating content from presentation - set up Opera Browser
• Accessible hyperlinks
• Accessible Tables
• Accessible Forms
• Using hidden CSS
• Flash Accessibility
• Tia Alexander's compilation of Flash Accessibility information
• Accessibility Testing
• ebooks

top

Readings on Accessibility

• Web Accessibility in Mind
• Creating Accessible Web Sites Using CSS
• Creating invisible content for Screen Readers
• A Framework for Designing Websites for People with Cognitive Disabilities (including low reading skills)
• W3C Web Content Accessibility Guidelines
• Computerworld article on Blind users of Internet
• Jaws Screen Reader

top

building Accessible, Attractive Websites

• Flash accessibility by Tia Alexander
• Accessible Flash 101
• chrispederick.com Web Development Toolbar for Firefox
• Effective Color Contrast: Designing for People with Partial Sight and Color Deficiencies
• Elastic Lawn layout (image expands and contracts)
• Stretch the banner image
• Fade out the banner image, Triple revealing banners
• Gala CSS Layout Templates to download and modify
• Liquid Designs & elastic
• Mark Turner's Accessibility Resources
• HCI Bibliography > HCI Webliography > Accessibility Resources
• Nielsen's Column on Accessible Design

top

Accessibility Testing

Download these browser Toolbars with testing features

• Mozilla/Firefox Accessibility Extension works in Firefox 3 for validation, testing
• Wave Accessibility toolbar 0.9.4 from WebAIM for Firefox 3 for testing accessibility
• juicystudio.com colour-contrast-analyser-firefox-extension --installs on Firefox Tools menu
• chrispederick.com Web Development Toolbar for Firefox for validation, testing
• Mozilla/Firefox Accessibility Extension provides a testing toolbar

Download these desktop testing tools

• Fujitsu Accessibility Assistance Tools
  • color selector - standalone program that tests color & color blindness
  • color doctor -displays pages as color blind users will see them
  • Fujitsu Web Accessibility Inspector

Upload web pages to these on-line testing sites

• Test the readability or your web page at Juicy Studio
• Cynthia Says 508 test
• --Only one test per website per minute. They are selling services and books.
• can also be run from Web Developer's toolbar
• Vischeck Color Blindness Simulator
  • checks colors in a Web page and shows you how they would look to individuals with three different types of color blindness. It does not work with frames, certain types of JavaScript, or Flash.
• Juicy Studio Colour Contrast Analyser
  • tool can be downloaded from their website and installed as a Firefox Extension

checklists

• W3C Web Accessibility Checklist
  • Word Version to download for accessibility testing of peer's website
• WebAIM Products and Tools
• Accessibility Valet Demonstrator

• Mozilla/Firefox Accessibility Extension provides a testing toolbar
• Cal Poly Pomona Accessibility Resources Page lists many resources for testing
• Complete List of Web Accessibility Evaluation Tools from W3C

top

Other Accessibility Testing sites

• W3C Web Accessibility Checklist HTML version W3C Web Accessibility Checklist Word Version
• WebAIM Accessibility Products and Tools
• Accessibility Valet Demonstrator

top