10 min intro to web a11y

396 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
396
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • OpenDirective = Rgardler + myself
  • Find and implement suitable solutionsAdd features
  • Find and implement suitable solutionsAdd features
  • Disability – congenital or accidentAge relate degenerationSituational
  • Disability – congenital or accidentAge relate degenerationSituational disability
  • Disability – congenital or accidentAge relate degenerationSituational disability
  • Disability – congenital or accidentAge relate degenerationSituational disability
  • Built in accessibility featuresGeneric modification (Assistive Technology)Custom design
  • Built in accessibility featuresGeneric modification (Assistive Technology)Custom design
  • Built in accessibility featuresGeneric modification (Assistive Technology)Custom design
  • Built in accessibility featuresGeneric modification (Assistive Technology)Custom design
  • Built in accessibility featuresGeneric modification (Assistive Technology)Custom design
  • Built in accessibility featuresGeneric modification (Assistive Technology)Custom design
  • Find and implement suitable solutionsAdd features
  • Find and implement suitable solutionsAdd features
  • All slightly different so need to customiseMay need to take customisation with us
  • All slightly different so need to customiseMay need to take customisation with us
  • 10 min intro to web a11y

    1. 1. Web accessibility Exeter Web Meetup July 2013 Steve Lee steve@opendirective.com @SteveALee
    2. 2. What is Accessibility “The Web is fundamentally designed to work for all people, whatever their hardware, software, langua ge, culture, location, or physical or mental ability.“ W3C WAI (not TBL)
    3. 3. 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
    4. 4. Access for all
    5. 5. Access for all
    6. 6. Access for all
    7. 7. Access for all
    8. 8. Access Variations
    9. 9. Access Variations
    10. 10. Access Variations
    11. 11. Access Variations
    12. 12. Access Variations
    13. 13. Access Variations
    14. 14. It boils down to…
    15. 15. So much variation
    16. 16. So much variation
    17. 17. Learn the Basics www.w3.org/WAI
    18. 18. Learn the Basics www.w3.org/WAI webaim.org
    19. 19. WCAG 2.0 Web Content Accessibility Guidelines Be Aware of the Standards
    20. 20. POUR – quoi? • Perceivable • Operable • Understandable • Robust
    21. 21. Make life easy for yourself • Use HTML native controls • Use accessible frameworks/libraries • Consider ‘mobile 1st’ • Use progressive enhancement
    22. 22. Progressive Enhancement • Add successive working layers –HTML – semantic structure –CSS - presentation –Javascript - behaviour • Think ‘content out’
    23. 23. 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
    24. 24. 1,2,3 Testing • Unplug that mouse • W3C HTML validation service • Accessibility validation tools • Smoke test with NVDA screen reader • Real user testing!
    25. 25. Remember…

    ×