how to evaluate web pages for accessibility
TRANSCRIPT
The Disability Resource Center
How to evaluate web pages for accessibility
The Disability Resource Center
I believe in bicycles
I believe in riding my bike to the store,riding to work, riding for fun, fitness and adventure -Road bikes, mountain bikes, single-speeds, you name it.As long as it has two wheels and a human motor, I'm on it.And I truly believe, deep down in my easily misdirected soul,that the world would be a better place if more people rode bicycles.- Don Cuerdon
The Disability Resource Center
Web accessibility issues are often invisible
The Disability Resource Center
Categories of disabilitiesLearning disabilities
Deaf and hard of hearing
Vision impaired and blind
Mobility impaired
The Disability Resource Center
Impacts of disabilities
Learning disabilities – reading challenges
Hearing impaired and Deaf – no speakers
Vision impaired and blindness – no monitor
Mobility impaired – no mouse
The Disability Resource Center
Elements of accessibility
• Structure
• Styling (font, color, spacing)
• Images
• Media
• Keyboard navigation
The Disability Resource Center
Web accessibility standards
• Web Content Accessibility Guidelines (WCAG) 2.0 AA
• Web Accessibility Initiative (WAI)-Accessible Rich Internet Application(ARIA) WAI-ARIA
• Mobile Accessibility
• ATAG – Authoring Tool Accessibility Guidelines
• Web Accessibility Issues and Techniques
The Disability Resource Center
Web accessibility evaluation
• WebAIM’s WCAG 2.0 checklist
• A11yproject.com checklist
• IBM web accessibility checklist
The Disability Resource Center
Web accessibility evaluation process
• Perform both manual and automated checks
• Structure and keyboard navigation
• Images and links
• Color contrast
• Media
• Forms
The Disability Resource Center
Web accessibility checking softwareComprehensive checkers
• WAVE Firefox toolbar and WAVE online service
• AInspector Sidebar Firefox extension
• Web Accessibility Toolbar IE Extension
• Chrome Accessibility Audit
• FireEyes
• CynthiaSays
• Tenon.io
The Disability Resource Center
Web accessibility checking softwareAutomated tools
• Functional Accessibility Evaluator
• HiSoftware Compliance Sheriff – from HiSoftware
• WorldSpace – from Deque
• Accessibility Management Platform – from SSB Bart
• SiteImprove – from SiteImprove
The Disability Resource Center
Web accessibility checking softwareARIA roles and color contrast
• Juicy Studio color contrast checker
• WCAG contrast checker
• AInspector Sidebar Firefox extension
The Disability Resource Center
Web accessibility checking softwareScreen readers
• ChromeVox Screen Reader
• NVDA – free screenreader
• JAWS – screen reader
• VoiceOver – Mac built in screen reader
• WindowEyes – free with Microsoft Office
• System Access – Windows and Windows Mobile
The Disability Resource Center
Web accessibility checking Additional checks
• Use only the tab key, space bar and the Enter key on your keyboard.
• Use screen magnification
• Use browser based text magnification
• Use Speech to Text software (Dragon Naturally Speaking)
The Disability Resource Center
Web accessibility checking Usability testing
• An accessible web page or application may not be functionally accessible.
• Use people with disabilities to test your website.
• WeCO – company focused on giving feedback from users who live with disabilities.
The Disability Resource Center
Example of using WAVE Firefox Toolbar
• Issues
• Requires manual checking
• Image alt tags
• Outline
• ARIA roles
The Disability Resource Center
Challenge:Find as many web accessibility issues on
http://z.umn.edu/scansample.
Download files to work on the desktop http://z.umn.edu/scansampledownload
The Disability Resource Center
In conclusion
• Web accessibility issues are often invisible
• Making Web page elements accessible does not insure functional accessibility.
• What components of the presentation struck home?
• What components/techniques will you use in your work?
• What would you like to know more about/plan to investigate?
The Disability Resource Center
Contact info
Tonu Mikk
612 625-3307
http://accessibility.umn.edu
http://cap.umn.edu
http://diversity.umn.edu/disability