Demystifying Designing Web Sites to Meet Accessibility Standards
Week One:
What Are the Challenges? What Are the Choices?
EASI
Challenges are many!
This is not rocket science.
The danger of the Social Web.
Never forget the basics.
Where do you fit in?
Develop an evaluation plan.
Develop a SENSE OF ACCESS.
Web Accessibility Fundamentals
Images
Color contrast
Navigation
Tables
Forms
Links
Cascading Stylesheets
Accessibility Reports
WebXACT - formally Bobby
http://webxact.watchfire.com/
Cynthia Says
http://www.cynthiasays.com/
The WAVE (WebAIM)
http://www.wave.webaim.org/index.jsp
Be sure to register for the FREE Webinar of the New WAVE 4.0 - http://www.easi.cc/clinic.htm
Accessibility Reports
Functional Accessibility Evaluator (WCAG)
University of Illinois at Urbana-Champaign
Web Accessibility Checker (ACCESSIBLE)
http://checker.atrc.utoronto.ca/index.html
AccessValet (WEBMASTERS)
http://valet.webthing.com/access/
WAI Tools List
http://www.w3.org/WAI/ER/tools/complete
Images - Different Kinds, Different Purposes
Eye Candy
Decorative
Informative
Chart or Graph (complex)
Image Examples
Eye Candy
Decorative
Informative
Graph or Chart
Images as Links
Ask yourself this question.
Would you know where you were going if you
clicked on the link by not seeing the image link?
Page Navigation (common mistakes)
Different types of navigation on the same site.
POORLY WORDED LINKS
No links back to homepage
Image mouseovers
Never ASSUME (LLC)
Don't use microscopic fonts
Flash navigation
Tables
Navigation Tables
Navbars left or top
Paragraph 1194.22 (o) -- A method shall be provided that permits users to skip repetitive navigation links.
Data tables
Convey important information
Navbar Example
<a href="#latest news">
<a name="latest news">
Accessibility and CSS
Fonts - headers and body
Color
Line height
Navigation
TopStyle Lite (free css creator)
http://www.newsgator.com/Individuals/TopStyle/Default.aspx
