Contents
Session Topics
Student Webs
Projects Reqs
Exercise Reqs
Adobe CS3
Photoshop
Premiere
Flash
After Effects
Accessibility
CSS
Blackboard
ebooks
Course Links
Soe Homepage
TTh, CLA 4-27
1:00 PM -2:50 PM
CRN 71857
Page index
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
Accessibility Testing
Accessibility Resources
ebooks
Work licensed under
Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License
CIS 421
›
Accessibility
› Website Accessibility Testing
Website 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
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
W3C Web Accessibility Checklist
Word Version to download for accessibility testing of peer's website
WebAIM Products and Tools
Accessibility Valet Demonstrator
Test the readability or your web page at Juicy Studio
Resources
CSS for accessibility: On-line
Just Ask: Integrating Accessibility Throughout Design
W3 schools - tutorials for XHTML, CSS, Javascript, etc.
Position is Everything--about IE problems with CSS
A List Apart - 12 lessons for those afraid of CSS and Standards
CSS Zen Garden
Designing for Accessibility and Beauty
CSS layout putting main content first: Any Order columns
Layout Gala CSS Page layouts to download
For help with problems with CSS layout not working in Internet Explorer, visit:
http://www.positioniseverything.net/
http://www.positioniseverything.net/ie-primer.html
http://www.positioniseverything.net/explorer/ expandingboxbug.html
W3C CSS specifications
W3C CSS Tutorial for beginners
Dave Raggett's intro to CSS
Learning CSS list of tutorials