Download to read offline
![“...people aren’t
talking about
how he made his
[tech] accessible”](https://image.slidesharecdn.com/slides-130202173256-phpapp01/85/What-HTML5-Means-for-Web-Accessibility-37-320.jpg)
![“I’m just hoping
his life [will]
challenge those to
do what he has
done”](https://image.slidesharecdn.com/slides-130202173256-phpapp01/85/What-HTML5-Means-for-Web-Accessibility-41-320.jpg)
What HTML5 Means for Web Accessibility
- 1. What HTML5 Means forWeb Accessibility Kevin Lamping All logos, trade marks and brand names used belong to the respective owners
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12. Accessibility iseasy
- 13.
- 14. ✓ Alt Text ✓Labels ✓ Semantics
- 15. Let’s skip that and talkHTML5!
- 16.
- 17. for non-trivial stuff
- 18. Even simple non-trivial stuff
- 19.
- 20.
- 21.
- 22. We forget about it We make excuses
- 23.
- 24. Bless me father, forI have sinned
- 25. It has been days since I last used a screen reader
- 26. I am sorryfor this and all the sins of my past life, especially for .
- 27.
- 28.
- 29. You have a choice
- 30.
- 31.
- 32. Accessibility is goodfor you
- 33. Accessibility Usability
- 35. “For my 1year old daughter a magazine is an iPad that doesn’t work” - YouTube Video
- 37. “...people aren’t talking about howhe made his [tech] accessible”
- 38. “a 15-year-old kid canbe playing with Garage Band and come up with unbelievable ideas”
- 39. “He has leveled theplaying field.”
- 40. “His company made itaccessible without screaming, ‘This is for the blind, this is for the deaf’”
- 41. “I’m just hoping hislife [will] challenge those to do what he has done”
- 42. “you just makeit one of your apps. That will create a world accessible to anyone”
- 43. “Thanks” - StevieWonder
- 44. All you need islove
- 45. What does HTML5 mean forweb accessibility?
- 46. article, aside, footer, header, nav, section
- 47.
- 48. <header> == <div>
- 49.
- 50.
- 51. <header> == <div>
- 52. <header> ==<header>
- 53.
- 54. <footer> Unsupported Supported
- 55. <footer> Unsupported Supported
- 56.
- 57. Talks to Listens to
- 58. Support needed here and here Talks to Listens to
- 59. Users are here 2008 2009 2010 2011 2012 2013
- 60. Support is Users arehere 2008 2009 2010 2011 2012 2013
- 61. Is there any hope?
- 62.
- 63. article, aside, footer, header, nav, section
- 64. It ain’t overtill the fat lady sings an ARIA
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75. Keyboard Support It’s not just for Screen Readers
- 77. <audio src="a.ogg" type="audio/ogg"> <videosrc="v.ogg" type="video/ogg">
- 78. Chrome Audio Controls FirefoxVideo Controls
- 79. Custom Audio Controls <button class="audio-play">
- 80. <track kind="subtitles" srclang="en" src="track.vtt" />
- 81.
- 84.
- 86. <figure> <img src="edan.jpg"> <figcaption>My Son... </figcaption> </figure>
- 87. <figure role="group"> <imgsrc="edan.jpg" aria-labelledby="c"> <figcaption id="c"> </figcaption> </figure>
- 88. <figure role="group"> <img src="edan.jpg" alt="photo 1"> <figcaption>My Son... (photo 1).</figcaption> </figure>
- 89.
- 90. <canvas> <h2>Shapes</h2> <p>Acircle and <a ...>box</a>. </p> </canvas>
- 91.
- 92.
- 95.
- 96.
- 97.
- 98. Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test
- 99. != != !=
- 100. Does HTML5 improve web accessibilityor make it worse?
- 101. It’s kinda both
- 102.
- 103. It’s getting better all the time
- 104. Does HTML5 remove the needfor accessibility testing?
- 105. No. Not atall. Test your stuff
- 106.
- 108.
- 109.