Brief presentation on accessibility presented at Ed Directions North 09.

1. accessibility session
Tuesday, February 10, 2009

2. Tuesday, February 10, 2009

3. Tuesday, February 10, 2009

4. Why did I start like that?
Teaching Strategy
Tuesday, February 10, 2009

5. Tuesday, February 10, 2009

6. Tuesday, February 10, 2009

7. “Accessibility is about
making pages that work
for blind people that
use screen readers.”
Accessibility Myths
Tuesday, February 10, 2009

8. ®
http://flickr.com/photos/kazuhito/132436943/
Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Tuesday, February 10, 2009

9. http://flickr.com/photos/justinstravels/322408478/ ®
Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Tuesday, February 10, 2009

10. ®
Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Tuesday, February 10, 2009

11. ®
http://flickr.com/photos/joebeone/2085528370/
Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Tuesday, February 10, 2009

12. ®
Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Tuesday, February 10, 2009

13. ®
Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Tuesday, February 10, 2009

14. Assistive Technology:
Software
Tuesday, February 10, 2009

15. Assistive Technology:
Software
Tuesday, February 10, 2009

16. Assistive Technology:
Hardware
Tuesday, February 10, 2009

17. Spectrum of Disability
Tuesday, February 10, 2009

18. Spectrum of Disability
Tuesday, February 10, 2009

19. Visual (including blind, low vision,

and color blind)
Spectrum of Disability
Tuesday, February 10, 2009

20. Visual (including blind, low vision,

and color blind)
Hearing

Spectrum of Disability
Tuesday, February 10, 2009

21. Visual (including blind, low vision,

and color blind)
Hearing

Motor/Physical

Spectrum of Disability
Tuesday, February 10, 2009

22. Visual (including blind, low vision,

and color blind)
Hearing

Motor/Physical

Speech

Spectrum of Disability
Tuesday, February 10, 2009

23. Visual (including blind, low vision,

and color blind)
Hearing

Motor/Physical

Speech

Cognitive/Learning

Spectrum of Disability
Tuesday, February 10, 2009

24. “JavaScript can’t be
used if you want an
accessible solution.”
Accessibility Myths
Tuesday, February 10, 2009

25. Generally, if we make
it easy to use for
people with
disabilities, we make
it easier to use for
everyone.
Universal Design
Tuesday, February 10, 2009

26. Old school techniques:
•accesskeys
•tabindex
•place-holder characters in
text boxes
•text-only versions
•use onkeypress with
onclick
Outdated Methods
Tuesday, February 10, 2009

27. New things that people are
doing that we also shouldn’t
do:
•putting content in CSS/
background images
•focusing entirely on
JavaScript on/o
Outdated Methods
Tuesday, February 10, 2009

28. Tuesday, February 10, 2009

29. Tuesday, February 10, 2009

30. Tuesday, February 10, 2009

31. Accessibility Testing
Tuesday, February 10, 2009

32. Testing Techniques
Accessibility Testing
Tuesday, February 10, 2009

33. Testing Techniques
•Expert review
(code reviews, functional testing)
Accessibility Testing
Tuesday, February 10, 2009

34. Testing Techniques
•Expert review
(code reviews, functional testing)
•Automated Testing
(bulk, brute force type testing)
Accessibility Testing
Tuesday, February 10, 2009

35. Testing Techniques
•Expert review
(code reviews, functional testing)
•Automated Testing
(bulk, brute force type testing)
•Technical Testing
(with assistive technology, other
tools)
Accessibility Testing
Tuesday, February 10, 2009

36. Testing Techniques
•Expert review
(code reviews, functional testing)
•Automated Testing
(bulk, brute force type testing)
•Technical Testing
(with assistive technology, other
tools)
•User Testing
(ease of use)
Accessibility Testing
Tuesday, February 10, 2009

37. Tuesday, February 10, 2009

38. Tuesday, February 10, 2009

39. Accessibility Testing
Tuesday, February 10, 2009

40. •Design Stage: test for colour contrast,
general layout
Accessibility Testing
Tuesday, February 10, 2009

41. •Design Stage: test for colour contrast,
general layout
•Functional Testing: all functionality must
work with a keyboard and do be easy to
use; may do some testing with assistive
technology for technical compatability
Accessibility Testing
Tuesday, February 10, 2009

42. Accessibility Testing
Tuesday, February 10, 2009

43. •Demo Testing: all alt text must be
accurate appropriate; Test with screen
reader emulators; Turn o CSS.
Accessibility Testing
Tuesday, February 10, 2009

44. •Demo Testing: all alt text must be
accurate appropriate; Test with screen
reader emulators; Turn o CSS.
•Final Testing: test with real people with
disabilities with varied needs, including
assistive technology (ease of use)
Accessibility Testing
Tuesday, February 10, 2009

45. Contact Us
Tuesday, February 10, 2009

46. Contact Us
alt=”Comments”
Tuesday, February 10, 2009

47. alt=”Debate Schedule”
Tuesday, February 10, 2009

48. Tuesday, February 10, 2009

49. Tuesday, February 10, 2009

50. Tuesday, February 10, 2009

51. Tuesday, February 10, 2009

52. Web Developer Toolbar
HTML Tidy Extension
Tuesday, February 10, 2009

53. Tuesday, February 10, 2009

54. Tuesday, February 10, 2009

55. Tuesday, February 10, 2009

56. Colour Contrast Analyzer
Tuesday, February 10, 2009

57. Fangs
Screen Reader
Emulator
Tuesday, February 10, 2009

58. “Which screen reader should
we buy for our testing lab?”
Testing Tips
Tuesday, February 10, 2009

59. Use the resources you have
on campus, in your district,
or from local associations for
people with disabilities.
Testing Tips
Tuesday, February 10, 2009

60. Sadly, legislation tends to be good motivation.
Motivation
s
Tuesday, February 10, 2009

61. Fortunately, legislation tends to be good
motivation.
Motivation
s
Tuesday, February 10, 2009

62. Motivation
s
Tuesday, February 10, 2009

63. accessibility session
questions?
Tuesday, February 10, 2009