Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
FUD-free Accessibility
       for Web Developers
        Also, cake.




Brian P. Hogan
twitter: @bphogan
www.bphogan.com ...
about me


                          I write books

                          I build things

                          I ...
What is
                    Accessibility?




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
We often think of

               Blind people

               Low vision or colorblind people

               Deaf people...
We often think of

               Blind people

               Low vision or colorblind people

               Deaf people...
But that's too
                        narrow
               People on small screens

               People without Flash
...
Making things
                    available to




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Accessibility isn’t
              expensive...




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
as long as you plan
             from the start.




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
We need to understand
        people's accessibility
                 issues


Brian P. Hogan
twitter: @bphogan
www.bphoga...
Don't underestimate
           people's abilities




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Empathize, not
                      sympathize



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Blindness




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Screen Readers
   http://webanywhere.cs.washington.edu/
                    beta/




Brian P. Hogan
twitter: @bphogan
www...
They rely on annotated
         videos or alternative
                content


Brian P. Hogan
twitter: @bphogan
www.bphog...
Supporting Blind
                         People
               Ensure you have no spelling errors

               Ensure ...
Low Vision



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Screen magnification




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
High contrast mode




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Supporting Low
                        Vision
               Be aware of issues with contrast

               Don't use fo...
Colorblindness




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Protanopia




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Deuteranopia




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Tritanopia




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Supporting
                    Colorblindness

               Don't use color as the only method to
               draw at...
Hearing Impairments



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Videos need good
                      transcripts




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Supporting the
                    Hearing Impaired
               Provide useful accurate transcripts
               for ...
People with physical
                 impairments



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Brian P. Hogan
twitter: @bphogan
www.bphogan.com
They navigate with
        head wands and tubes




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
They need to easily
               identify and click
               interface elements


Brian P. Hogan
twitter: @bphogan...
Just like someone on
                  a tablet!




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Supporting the
           Physically Impaired

               Ensure click targets are large enough
               to be e...
Cognitive Impairments
              and Learning
              Disabilities


Brian P. Hogan
twitter: @bphogan
www.bphogan...
Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Dyslexia




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Supporting Cognitive
            Impairments

               Avoid font confusion ( 0 vs O, I vs l

               Target ...
Coding For
               Accessibility is
             Coding For Usability


Brian P. Hogan
twitter: @bphogan
www.bphoga...
Progressive
                    Enhancement



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Cake




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
You should
          progressively enhance



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Your applications
                     should degrade
                        gracefully


Brian P. Hogan
twitter: @bphoga...
Crafting Accessible
                      Forms



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Use labels
             Especially for radio
                   buttons




Brian P. Hogan
twitter: @bphogan
www.bphogan.c...
Wrap with label, or
                  use the “for”
                    attribute!
    <label>
      <input type="radio" v...
Avoid Tabindex unless
          absolutely necessary




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
AJAX Forms



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Accessible
        JavaScript solutions
               Build your app without JS first

                    Use your own A...
Apply jQuery to forms
              unobtrusively
         $(function(){
           $("form[data-remote=true]").submit(fun...
Apply jQuery to forms
              unobtrusively
         $(function(){
           $("form[data-remote=true]").submit(fun...
Tables



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Good tables


               Have table headers defined

               Have captions that explain their
               pu...
Use <th> tags.



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Use header attributes
           when it's ambiguous



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Tables can be OK for
                    forms



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Popups and Overlays



Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Make them regular
                      links
     <a href="http://google.com/" class="popup"
        data-height="400" da...
Add behavior with
                    JavaScript
    $(".popup").click(function(e){
          e.preventDefault();
       v...
Add JS-only behavior
              with JS!
      var closer = $("<button>Close</button>");

      closer.click(function(e...
ARIA
   Accessible Rich Internet Applications




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
ARIA-Live
               <h3>Tasks</h3>
               <form id="task_form">
                 <label>Task
                ...
ARIA-Roles
                    banner
                    navigation
                    main
                    document...
Use display:none with
                  care!


Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Static Content




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Avoiding Flash of
                    Unstyled Content
        <script>
          document.write('
            <style type...
Avoiding Flash of
                    Unstyled Content
        <script>
          document.write('
            <style type...
Avoiding Flash of
                    Unstyled Content
      <!-- load jquery from CDN or whatever -->
      <script src=”...
Testing
                    Accessibility




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
First, does it
                      validate?




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
WCAG 2.0
                    http://www.w3.org/TR/WCAG/




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
wave.webaim.org




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Manual testing
               Jaws http://
               www.freedomscientific.com/products/
               fs/jaws-produ...
Color Oracle
         http://colororacle.cartography.ch/




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Content will be easy to read

               Things will be easy to see

               Elements will be easier to interac...
Perfect is the
                    Enemy of Good.
                              - Commonly attributed to Voltaire




Bria...
The world will be a
              better place.




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Thank you!


                    http://spkr8.com/t/14841




Brian P. Hogan
twitter: @bphogan
www.bphogan.com
Upcoming SlideShare
Loading in …5
×

of

FUD-Free Accessibility for Web Developers - Also, Cake. Slide 1 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 2 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 3 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 4 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 5 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 6 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 7 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 8 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 9 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 10 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 11 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 12 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 13 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 14 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 15 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 16 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 17 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 18 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 19 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 20 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 21 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 22 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 23 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 24 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 25 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 26 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 27 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 28 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 29 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 30 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 31 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 32 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 33 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 34 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 35 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 36 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 37 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 38 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 39 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 40 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 41 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 42 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 43 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 44 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 45 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 46 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 47 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 48 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 49 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 50 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 51 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 52 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 53 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 54 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 55 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 56 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 57 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 58 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 59 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 60 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 61 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 62 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 63 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 64 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 65 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 66 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 67 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 68 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 69 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 70 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 71 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 72 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 73 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 74 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 75 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 76 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 77 FUD-Free Accessibility for Web Developers - Also, Cake. Slide 78
Upcoming SlideShare
Web Development With Ruby - From Simple To Complex
Next
Download to read offline and view in fullscreen.

2 Likes

Share

Download to read offline

FUD-Free Accessibility for Web Developers - Also, Cake.

Download to read offline

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

FUD-Free Accessibility for Web Developers - Also, Cake.

  1. 1. FUD-free Accessibility for Web Developers Also, cake. Brian P. Hogan twitter: @bphogan www.bphogan.com
  2. 2. about me I write books I build things I teach people Brian P. Hogan twitter: @bphogan www.bphogan.com
  3. 3. What is Accessibility? Brian P. Hogan twitter: @bphogan www.bphogan.com
  4. 4. We often think of Blind people Low vision or colorblind people Deaf people Physically impaired people Cognitively impaired people Brian P. Hogan twitter: @bphogan www.bphogan.com
  5. 5. We often think of Blind people Low vision or colorblind people Deaf people Physically impaired people Cognitively impaired people Brian P. Hogan twitter: @bphogan www.bphogan.com
  6. 6. But that's too narrow People on small screens People without Flash People without JavaScript People on slow connections People on limited connections Brian P. Hogan twitter: @bphogan www.bphogan.com
  7. 7. Making things available to Brian P. Hogan twitter: @bphogan www.bphogan.com
  8. 8. Accessibility isn’t expensive... Brian P. Hogan twitter: @bphogan www.bphogan.com
  9. 9. as long as you plan from the start. Brian P. Hogan twitter: @bphogan www.bphogan.com
  10. 10. We need to understand people's accessibility issues Brian P. Hogan twitter: @bphogan www.bphogan.com
  11. 11. Don't underestimate people's abilities Brian P. Hogan twitter: @bphogan www.bphogan.com
  12. 12. Empathize, not sympathize Brian P. Hogan twitter: @bphogan www.bphogan.com
  13. 13. Blindness Brian P. Hogan twitter: @bphogan www.bphogan.com
  14. 14. Screen Readers http://webanywhere.cs.washington.edu/ beta/ Brian P. Hogan twitter: @bphogan www.bphogan.com
  15. 15. They rely on annotated videos or alternative content Brian P. Hogan twitter: @bphogan www.bphogan.com
  16. 16. Supporting Blind People Ensure you have no spelling errors Ensure your popup windows don't result in dead-ends for screenreaders Remove dependencies on JavaScript Provide keyboard navigation Brian P. Hogan twitter: @bphogan www.bphogan.com
  17. 17. Low Vision Brian P. Hogan twitter: @bphogan www.bphogan.com
  18. 18. Screen magnification Brian P. Hogan twitter: @bphogan www.bphogan.com
  19. 19. High contrast mode Brian P. Hogan twitter: @bphogan www.bphogan.com
  20. 20. Supporting Low Vision Be aware of issues with contrast Don't use fonts that are terribly small Place important information close to main content as possible Ensure spelling is correct and elements have enough space to be clicked Brian P. Hogan twitter: @bphogan www.bphogan.com
  21. 21. Colorblindness Brian P. Hogan twitter: @bphogan www.bphogan.com
  22. 22. Protanopia Brian P. Hogan twitter: @bphogan www.bphogan.com
  23. 23. Deuteranopia Brian P. Hogan twitter: @bphogan www.bphogan.com
  24. 24. Tritanopia Brian P. Hogan twitter: @bphogan www.bphogan.com
  25. 25. Supporting Colorblindness Don't use color as the only method to draw attention to elements Be aware of contrast issues Don't instruct users to identify things by color Brian P. Hogan twitter: @bphogan www.bphogan.com
  26. 26. Hearing Impairments Brian P. Hogan twitter: @bphogan www.bphogan.com
  27. 27. Videos need good transcripts Brian P. Hogan twitter: @bphogan www.bphogan.com
  28. 28. Supporting the Hearing Impaired Provide useful accurate transcripts for audio content Ensure that audio tracks are normalized or have appropriate volume "Duck" background music or background sounds during voiceovers. Brian P. Hogan twitter: @bphogan www.bphogan.com
  29. 29. People with physical impairments Brian P. Hogan twitter: @bphogan www.bphogan.com
  30. 30. Brian P. Hogan twitter: @bphogan www.bphogan.com
  31. 31. They navigate with head wands and tubes Brian P. Hogan twitter: @bphogan www.bphogan.com
  32. 32. They need to easily identify and click interface elements Brian P. Hogan twitter: @bphogan www.bphogan.com
  33. 33. Just like someone on a tablet! Brian P. Hogan twitter: @bphogan www.bphogan.com
  34. 34. Supporting the Physically Impaired Ensure click targets are large enough to be easily accessed Ensure click targets are easily identified. Brian P. Hogan twitter: @bphogan www.bphogan.com
  35. 35. Cognitive Impairments and Learning Disabilities Brian P. Hogan twitter: @bphogan www.bphogan.com
  36. 36. Brian P. Hogan twitter: @bphogan www.bphogan.com
  37. 37. Dyslexia Brian P. Hogan twitter: @bphogan www.bphogan.com
  38. 38. Supporting Cognitive Impairments Avoid font confusion ( 0 vs O, I vs l Target a 6th grade reading level Keep copy short - say more with less Ensure proper spelling and grammar Brian P. Hogan twitter: @bphogan www.bphogan.com
  39. 39. Coding For Accessibility is Coding For Usability Brian P. Hogan twitter: @bphogan www.bphogan.com
  40. 40. Progressive Enhancement Brian P. Hogan twitter: @bphogan www.bphogan.com
  41. 41. Cake Brian P. Hogan twitter: @bphogan www.bphogan.com
  42. 42. You should progressively enhance Brian P. Hogan twitter: @bphogan www.bphogan.com
  43. 43. Your applications should degrade gracefully Brian P. Hogan twitter: @bphogan www.bphogan.com
  44. 44. Crafting Accessible Forms Brian P. Hogan twitter: @bphogan www.bphogan.com
  45. 45. Use labels Especially for radio buttons Brian P. Hogan twitter: @bphogan www.bphogan.com
  46. 46. Wrap with label, or use the “for” attribute! <label> <input type="radio" value="smal"> Small </label>​ <label for="name">Name</label> <input id="name"> Brian P. Hogan twitter: @bphogan www.bphogan.com
  47. 47. Avoid Tabindex unless absolutely necessary Brian P. Hogan twitter: @bphogan www.bphogan.com
  48. 48. AJAX Forms Brian P. Hogan twitter: @bphogan www.bphogan.com
  49. 49. Accessible JavaScript solutions Build your app without JS first Use your own API! Don't add content with JavaScript use JS to show and hide it Separate Behavior from content Brian P. Hogan twitter: @bphogan www.bphogan.com
  50. 50. Apply jQuery to forms unobtrusively $(function(){ $("form[data-remote=true]").submit(function(e){ e.preventDefault(); // prevent normal submit $.ajax({ type: "POST", url: ($(this).attr("action") + ".js"), dataType: 'json', data: $(this).serialize(), success: function(data){ $('#results').html(data["render"]); } }); }); }); Brian P. Hogan twitter: @bphogan www.bphogan.com
  51. 51. Apply jQuery to forms unobtrusively $(function(){ $("form[data-remote=true]").submit(function(e){ e.preventDefault(); // prevent normal submit $.ajax({ type: "POST", url: ($(this).attr("action") + ".js"), dataType: 'json', data: $(this).serialize(), success: function(data){ $('#results').html(data["render"]); } }); }); }); Brian P. Hogan twitter: @bphogan www.bphogan.com
  52. 52. Tables Brian P. Hogan twitter: @bphogan www.bphogan.com
  53. 53. Good tables Have table headers defined Have captions that explain their purpose Brian P. Hogan twitter: @bphogan www.bphogan.com
  54. 54. Use <th> tags. Brian P. Hogan twitter: @bphogan www.bphogan.com
  55. 55. Use header attributes when it's ambiguous Brian P. Hogan twitter: @bphogan www.bphogan.com
  56. 56. Tables can be OK for forms Brian P. Hogan twitter: @bphogan www.bphogan.com
  57. 57. Popups and Overlays Brian P. Hogan twitter: @bphogan www.bphogan.com
  58. 58. Make them regular links <a href="http://google.com/" class="popup" data-height="400" data-width="400">Search Google</a>​​ Brian P. Hogan twitter: @bphogan www.bphogan.com
  59. 59. Add behavior with JavaScript $(".popup").click(function(e){ e.preventDefault(); var url = $(this).attr("href"); var title = $(this).html(); var w = $(this).attr("data-width"); var h = $(this).attr("data-height"); window.open(url, title, "width="+ + w + ",height=" + h); });​​ Brian P. Hogan twitter: @bphogan www.bphogan.com
  60. 60. Add JS-only behavior with JS! var closer = $("<button>Close</button>"); closer.click(function(e){ mywindow.dialog("close"); }); $("#window").append(closer); var mywindow = $("#window").dialog(); Brian P. Hogan twitter: @bphogan www.bphogan.com
  61. 61. ARIA Accessible Rich Internet Applications Brian P. Hogan twitter: @bphogan www.bphogan.com
  62. 62. ARIA-Live <h3>Tasks</h3> <form id="task_form"> <label>Task <input type="text" id="task" name="task" value=""> </label> <input type="submit" value="Add"> </form> <ul aria-live="polite" id="tasks"> </ul> Brian P. Hogan twitter: @bphogan www.bphogan.com
  63. 63. ARIA-Roles banner navigation main document application complementary contentinfo search ... lots more Brian P. Hogan twitter: @bphogan www.bphogan.com
  64. 64. Use display:none with care! Brian P. Hogan twitter: @bphogan www.bphogan.com
  65. 65. Static Content Brian P. Hogan twitter: @bphogan www.bphogan.com
  66. 66. Avoiding Flash of Unstyled Content <script> document.write(' <style type="text/css" media="screen"> .hiddenWhileLoading {display:none;} </style> '); document.documentElement.className = 'hiddenWhileLoading'; </script> Brian P. Hogan twitter: @bphogan www.bphogan.com
  67. 67. Avoiding Flash of Unstyled Content <script> document.write(' <style type="text/css" media="screen"> .hiddenWhileLoading {display:none;} </style> '); document.documentElement.className = 'hiddenWhileLoading'; </script> Brian P. Hogan twitter: @bphogan www.bphogan.com
  68. 68. Avoiding Flash of Unstyled Content <!-- load jquery from CDN or whatever --> <script src=”jquery.js”></script> <script> $(function(){} // your stuff $(document.documentElement) .removeClass("hiddenWhileLoading"); ); </script> Brian P. Hogan twitter: @bphogan www.bphogan.com
  69. 69. Testing Accessibility Brian P. Hogan twitter: @bphogan www.bphogan.com
  70. 70. First, does it validate? Brian P. Hogan twitter: @bphogan www.bphogan.com
  71. 71. WCAG 2.0 http://www.w3.org/TR/WCAG/ Brian P. Hogan twitter: @bphogan www.bphogan.com
  72. 72. wave.webaim.org Brian P. Hogan twitter: @bphogan www.bphogan.com
  73. 73. Manual testing Jaws http:// www.freedomscientific.com/products/ fs/jaws-product-page.asp WindowEyes http://www.gwmicro.com/ Window-Eyes/ NVDA http://www.nvda-project.org/ OSX VoiceOver (built-in) Brian P. Hogan twitter: @bphogan www.bphogan.com
  74. 74. Color Oracle http://colororacle.cartography.ch/ Brian P. Hogan twitter: @bphogan www.bphogan.com
  75. 75. Content will be easy to read Things will be easy to see Elements will be easier to interact with on portable devices Transcripts for promotional material can be read where the video can’t be played Brian P. Hogan twitter: @bphogan www.bphogan.com
  76. 76. Perfect is the Enemy of Good. - Commonly attributed to Voltaire Brian P. Hogan twitter: @bphogan www.bphogan.com
  77. 77. The world will be a better place. Brian P. Hogan twitter: @bphogan www.bphogan.com
  78. 78. Thank you! http://spkr8.com/t/14841 Brian P. Hogan twitter: @bphogan www.bphogan.com
  • deluminathor

    Aug. 19, 2012
  • wndxlori

    Aug. 14, 2012

Views

Total views

3,272

On Slideshare

0

From embeds

0

Number of embeds

43

Actions

Downloads

6

Shares

0

Comments

0

Likes

2

×