Embed Size (px)
Citation preview
What is Accessibility
“The Web is fundamentally designed to work for all people, whatever their hardware, software, language, culture, location, or physical or mental ability.“
W3C WAI (not TBL)
Arguments for Universal Access
• More users or bigger market• Coz it’s the right thing to do• It’s the Law (DDA in UK, Section 508 in USA)• Mobile = diverse devices and access modes
Access for all
Access for all
Access for all
Access for all
Access Variations
Access Variations
Access Variations
Access Variations
Access Variations
Access Variations
It boils down to…
It boils down to…
Common Assumptions
Common Assumptions
Common Assumptions
So much variation
So much variation
Learn the Basics
www.w3.org/WAI
Learn the Basics
www.w3.org/WAI
webaim.org
WCAG 2.0Web Content Accessibility Guidelines
Be Aware of the Standards
WCAG 2.0Web Content Accessibility Guidelines
Be Aware of the Standards
WCAG 2.0Web Content Accessibility Guidelines
Be Aware of the Standards
POUR – quoi?
• Perceivable• Operable• Understandable• Robust
Make life easy for yourself
• Use HTML native controls• Use accessible frameworks/libraries• Consider ‘mobile 1st’• Use progressive enhancement
Progressive Enhancement
• Add successive working layers–HTML – semantic structure–CSS - presentation–Javascript - behaviour
• Think ‘content out’
eg Forms
• HTML + real URL + server processing– A label for every input field
• CSS – make it look smooth– Care with display: none
• Javascript – client cleverness– HTML5 has declarative validation
1,2,3 Testing
• Unplug that mouse• W3C HTML validation service• Accessibility validation tools• Smoke test with NVDA screen reader• Real user testing!
Remember…
