accessibility session




Tuesday, February 10, 2009
Tuesday, February 10, 2009
Tuesday, February 10, 2009
Why did I start like that?




                                              Teaching Strategy
Tuesday, February 10, 2009
Tuesday, February 10, 2009
Tuesday, February 10, 2009
“Accessibility is about
                             making pages that work
                             for blind people ...
®




http://flickr.com/photos/kazuhito/132436943/
  Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe...
http://flickr.com/photos/justinstravels/322408478/                                      ®




    Copyright 2008 Adobe Sys...
®




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




   http://flickr.com/photos/joebeone/2085528370/
   Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. ...
®




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




    Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
Tuesday, February 10, 2009
Assistive Technology:
                                    Software
Tuesday, February 10, 2009
Assistive Technology:
                                    Software
Tuesday, February 10, 2009
Assistive Technology:
                                   Hardware
Tuesday, February 10, 2009
Spectrum of Disability
Tuesday, February 10, 2009
Spectrum of Disability
Tuesday, February 10, 2009
Visual (including blind, low vision,
                             
                                 and color blind)




...
Visual (including blind, low vision,
                             
                                 and color blind)


  ...
Visual (including blind, low vision,
                             
                                 and color blind)


  ...
Visual (including blind, low vision,
                             
                                 and color blind)


  ...
Visual (including blind, low vision,
                             
                                 and color blind)


  ...
“JavaScript can’t be
                             used if you want an
                             accessible solution.”

...
Generally, if we make
                             it easy to use for
                             people with
           ...
Old school techniques:
                             •accesskeys
                             •tabindex
                   ...
New things that people are
                             doing that we also shouldn’t
                             do:
    ...
Tuesday, February 10, 2009
Tuesday, February 10, 2009
Tuesday, February 10, 2009
Accessibility Testing
Tuesday, February 10, 2009
Testing Techniques




                                              Accessibility Testing
Tuesday, February 10, 2009
Testing Techniques
                             •Expert review
                              (code reviews, functional tes...
Testing Techniques
                             •Expert review
                              (code reviews, functional tes...
Testing Techniques
                             •Expert review
                              (code reviews, functional tes...
Testing Techniques
                             •Expert review
                              (code reviews, functional tes...
Tuesday, February 10, 2009
Tuesday, February 10, 2009
Accessibility Testing
Tuesday, February 10, 2009
•Design Stage: test for colour contrast,
             general layout




                                Accessibility Tes...
•Design Stage: test for colour contrast,
             general layout
        •Functional Testing: all functionality must
 ...
Accessibility Testing
Tuesday, February 10, 2009
•Demo Testing: all alt text must be
             accurate  appropriate; Test with screen
             reader emulators; Tu...
•Demo Testing: all alt text must be
             accurate  appropriate; Test with screen
             reader emulators; Tu...
Contact Us




Tuesday, February 10, 2009
Contact Us

                             alt=”Comments”

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


Tuesday, February 10, 2009
Tuesday, February 10, 2009
Tuesday, February 10, 2009
Tuesday, February 10, 2009
Tuesday, February 10, 2009
Web Developer Toolbar


HTML Tidy Extension




Tuesday, February 10, 2009
Tuesday, February 10, 2009
Tuesday, February 10, 2009
Tuesday, February 10, 2009
Colour Contrast Analyzer




Tuesday, February 10, 2009
Fangs
 Screen Reader
 Emulator




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




                                ...
Use the resources you have
                             on campus, in your district,
                             or from ...
Sadly, legislation tends to be good motivation.




                                              Motivation
             ...
Fortunately, legislation tends to be good
      motivation.




                                           Motivation
    ...
Motivation
                                 s
Tuesday, February 10, 2009
accessibility session


                             questions?




Tuesday, February 10, 2009
Upcoming SlideShare
Loading in …5
×

Accessibility: Ed Directions North

912 views

Published on

Brief presentation on accessibility presented at Ed Directions North 09.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
912
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

  • Listen to the page






















  • Discuss tester that was having trouble with this particular task - “Find out the contact number for the department of X” after three minutes of trying to say the words “contact us” differently, with different inflection, the tester stopped, and asked his father for a drink of water. He looked at me and said he was sorry, that he thought he was getting tired, and that his voice recognition software wasn’t tuned into his voice as his throat was dry, and we’d been testing for a while. He was blaming himself. It was something to do with him, not the web site.
  • The real reason the voice recognition software wouldn’t work? The alt text was wrong, so the VR didn’t select that link.




















  • Accessibility: Ed Directions North

    1. 1. accessibility session Tuesday, February 10, 2009
    2. 2. Tuesday, February 10, 2009
    3. 3. Tuesday, February 10, 2009
    4. 4. Why did I start like that? Teaching Strategy Tuesday, February 10, 2009
    5. 5. Tuesday, February 10, 2009
    6. 6. Tuesday, February 10, 2009
    7. 7. “Accessibility is about making pages that work for blind people that use screen readers.” Accessibility Myths Tuesday, February 10, 2009
    8. 8. ® http://flickr.com/photos/kazuhito/132436943/ Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Tuesday, February 10, 2009
    9. 9. http://flickr.com/photos/justinstravels/322408478/ ® Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Tuesday, February 10, 2009
    10. 10. ® Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Tuesday, February 10, 2009
    11. 11. ® http://flickr.com/photos/joebeone/2085528370/ Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Tuesday, February 10, 2009
    12. 12. ® Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Tuesday, February 10, 2009
    13. 13. ® Copyright 2008 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. Tuesday, February 10, 2009
    14. 14. Assistive Technology: Software Tuesday, February 10, 2009
    15. 15. Assistive Technology: Software Tuesday, February 10, 2009
    16. 16. Assistive Technology: Hardware Tuesday, February 10, 2009
    17. 17. Spectrum of Disability Tuesday, February 10, 2009
    18. 18. Spectrum of Disability Tuesday, February 10, 2009
    19. 19. Visual (including blind, low vision,  and color blind) Spectrum of Disability Tuesday, February 10, 2009
    20. 20. Visual (including blind, low vision,  and color blind) Hearing  Spectrum of Disability Tuesday, February 10, 2009
    21. 21. Visual (including blind, low vision,  and color blind) Hearing  Motor/Physical  Spectrum of Disability Tuesday, February 10, 2009
    22. 22. Visual (including blind, low vision,  and color blind) Hearing  Motor/Physical  Speech  Spectrum of Disability Tuesday, February 10, 2009
    23. 23. Visual (including blind, low vision,  and color blind) Hearing  Motor/Physical  Speech  Cognitive/Learning  Spectrum of Disability Tuesday, February 10, 2009
    24. 24. “JavaScript can’t be used if you want an accessible solution.” Accessibility Myths Tuesday, February 10, 2009
    25. 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. 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. 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. 28. Tuesday, February 10, 2009
    29. 29. Tuesday, February 10, 2009
    30. 30. Tuesday, February 10, 2009
    31. 31. Accessibility Testing Tuesday, February 10, 2009
    32. 32. Testing Techniques Accessibility Testing Tuesday, February 10, 2009
    33. 33. Testing Techniques •Expert review (code reviews, functional testing) Accessibility Testing Tuesday, February 10, 2009
    34. 34. Testing Techniques •Expert review (code reviews, functional testing) •Automated Testing (bulk, brute force type testing) Accessibility Testing Tuesday, February 10, 2009
    35. 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. 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. 37. Tuesday, February 10, 2009
    38. 38. Tuesday, February 10, 2009
    39. 39. Accessibility Testing Tuesday, February 10, 2009
    40. 40. •Design Stage: test for colour contrast, general layout Accessibility Testing Tuesday, February 10, 2009
    41. 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. 42. Accessibility Testing Tuesday, February 10, 2009
    43. 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. 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. 45. Contact Us Tuesday, February 10, 2009
    46. 46. Contact Us alt=”Comments” Tuesday, February 10, 2009
    47. 47. alt=”Debate Schedule” Tuesday, February 10, 2009
    48. 48. Tuesday, February 10, 2009
    49. 49. Tuesday, February 10, 2009
    50. 50. Tuesday, February 10, 2009
    51. 51. Tuesday, February 10, 2009
    52. 52. Web Developer Toolbar HTML Tidy Extension Tuesday, February 10, 2009
    53. 53. Tuesday, February 10, 2009
    54. 54. Tuesday, February 10, 2009
    55. 55. Tuesday, February 10, 2009
    56. 56. Colour Contrast Analyzer Tuesday, February 10, 2009
    57. 57. Fangs Screen Reader Emulator Tuesday, February 10, 2009
    58. 58. “Which screen reader should we buy for our testing lab?” Testing Tips Tuesday, February 10, 2009
    59. 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. 60. Sadly, legislation tends to be good motivation. Motivation s Tuesday, February 10, 2009
    61. 61. Fortunately, legislation tends to be good motivation. Motivation s Tuesday, February 10, 2009
    62. 62. Motivation s Tuesday, February 10, 2009
    63. 63. accessibility session questions? Tuesday, February 10, 2009

    ×