Web Accessibility Workshop 2009
July 7, 2009, 9:00am - 12:00pm
MSF&W Accessibility Solutions
What is accessibility?
Accommodating People with Disabilities
- People with low vision or blindness
- People with limited use of their hands
- People who are deaf or hard of hearing
- People with learning disabilities
- Large Fonts & High Contrast
- Screen Magnifiers (ZoomText, MAGic)
- Screen Readers (JAWS, Window-Eyes)
- Alternate Keyboard & Mouse Devices
- Speech Recognition (Dragon NaturallySpeaking)
- Reading Aids (BrowseAloud)
Why is accessibility important?
Your Customers, Your Staff, Your Students
- 10-20% of Americans have or will have a disability
- An aging population has increasing accessibility needs
- Accessibility and usability go hand-in-hand
- Americans with Disabilities Act
- Section 508 of the Rehabilitation Act
- Illinois Information Technology Accessibility Act
- America Online
- IBM (Olympics.com)
- Priceline & Ramada.com
- State of Arkansas, State of Pennsylvania
- Repair web site
- Monitoring by the NFB
- Original plaintiff → $20,000
- Class-action fund → $6 million
Web Content Accessibility Guidelines 2.0
- Complete re-write of WCAG 1.0
- More general
- More testable
- Easier to use and understand (?)
- 4 Principles
- 12 Guidelines
- 61 Success Criteria
- 3 Conformance Levels
- Audio Control
- Animation Control
- Contrast Ratio
- Predictability (On Focus, On Input)
- Error Identification, Suggestion & Prevention
Illinois Information Technology Accessibility Act
- Illinois Agencies & Universities
- Aligned with Section 508, WCAG 1 & WCAG 2
- Designed for web developers
FAE: The Functional Accessibility Evaluator
- Free on-line testing tool from the University of Illinois
- Tests single pages or crawls up to three levels deep
- Checks for compliance with leading accessibility standards
Firefox Accessibility Extension
- Free testing toolbar from the University of Illinois
- Tests offline and dynamic pages
What is Flash?
For decorative animations...
- Uncheck "Make movie accessible"
- Or, set
For meaningful animations...
- Check "Make movie accessible"
- Check "Make child objects accessible"
- Enter Description
- Ensure that
For complex meaningful animations...
- Providing an HTML alternative
Note: Flash cannot replace HTML
- No headings
- No lists
- No tables
- Decorative animations are fine.
- It may be possible to provide alternate text using "Description."
- Be careful of
- Text Input
- Text Area
- Radio Button
- Two lines of
for each type
- Try "Auto label"
- Rely on "Name"
Set reading/tab order
- Use a simple layout
- Set "Tab index"
- It may be possible to make simple Flash interfaces accessible.
- Keep it simple.
- Plan to test.
- Watch Flex.
Flash CS4 playback controls
- Screen-reader compatible
- Built-in caption buttons
- Easily attach external caption file
- Industry-standard Timed Text format
- CS4 playback controls are accessible!
- FLVPlaybackCaptioning component makes attaching captions easy
Make the web easier to use for people with:
- Learning disabilities and dyslexia
- English as a second language
- Low literacy
- Mild visual impairments
- 10-15% of the U.S. population with learning disabilities
- 18% of Americans for whom English is a second language
- 45+ million people in the U.S. with literacy problems
How does BrowseAloud help?
- Dual-color highlighting
- Simply point and read...
How does BrowseAloud work?
For the end user:
- Software is FREE
- One-time download and install
- Works on all “enabled” sites
- Customizable voices, colors & settings
- Free technical support
For the web site owner:
- NO software required
- Works on any site built with accessibility in mind
- Works with web sites, intranets, and virtual learning environments
- Works over regular or secure (https) connections
What can BrowseAloud read?
- Web page text
- Image “alt” text
- PDF documents
What else can BrowseAloud do?
- Magnified “ticker” display
- Talking dictionary
- Text to MP3
Who is using BrowseAloud?
- Over 3000 web sites in the U.S. and Europe
- Over 2.5 million users
MSF&W Accessibility Solutions