Webアクセシビリティ脳のつくりかた

 Webアクセシビリティ脳のつくりかた

044a0481dff208eade9ac1bdf30bf460?s=128

kobatatakayuki

April 22, 2017
Tweet

Transcript

  1. WebΞΫηγϏϦςΟ೴ͷͭ͘Γ͔ͨ WCAN 2017 Spring LT / ࣗশ େࡕͷΞΫηγϏϦςΟ͓͡͞Μ

  2. WebΞΫηγϏϦςΟ೴ͱ͸ʁ

  3. ແҙࣝʹWebΞΫηγϏϦςΟΛ ߟྀͰ͖Δࢥߟͷ͜ͱ

  4. ແҙࣝ ʹ श׳Խ

  5. WebΞΫηγϏϦςΟ೴Λͭ͘ΔͨΊͷ ʮΩοΧέʯΛ࣋ͪؼΔ͜ͱ ࠓ೔ͷΰʔϧ

  6. 1. ݱঢ়Λ஌Δ 2. HTMLΛۃΊΔ 3. ؀ڥΛ੔͑Δ ΞδΣϯμ

  7. ݱঢ়Λ஌Δ

  8. ໿ 711 ສਓ ୈ1ฤɹୈ1ষɹো֐ऀͷঢ়گʢجຊత౷ܭΑΓʣʛฏ੒25೥౓ো֐ऀനॻʢ֓ཁʣ - ಺ֳ෎ ো֐ऀͷਓ਺

  9. ໿ 3459 ສਓ ౷ܭہϗʔϜϖʔδ/ਓޱਪܭʢฏ੒28೥(2016೥)10݄֬ఆ஋ɼฏ੒29೥3݄֓ࢉ஋ʣɹʢ2017೥3݄21೔ެදʣ ߴྸऀͷਓ਺

  10. ໿ 34 ˋ ೔ຊͷਓޱʹ͓͚Δߴྸऀͱো֐ऀͷׂ߹ʢ2017೥ʣ

  11. HTMLΛۃΊΔ

  12. ਖ਼͍͠จॻߏ଄ͰHTMLΛॻ͘ POINT

  13. <ul> <li><a href="a.html">ίϯςϯπA</li> <li><a href="b.html">ίϯςϯπB</li> </ul> Example

  14. <nav> <ul> <li><a href="a.html">ίϯςϯπA</li> <li><a href="b.html">ίϯςϯπB</li> </ul> </nav> Example

  15. None
  16. ؀ڥΛ੔͑Δ

  17. ʮ઀఺ʯΛ૿΍͢ POINT

  18. • https://a11yj.herokuapp.com/ • SlackϕʔεͷίϛϡχςΟ • ϏδωεɾΞʔΩςΫπͷҏݪ͞Μ͕ओ࠻ • ·ͣ͸ɺROM͚ͩͰ΋OK͔ͱࢥ͍·͢ • ඈͼࠐΜͰΈ·͠ΐ͏ʘ(^o^)ʗ

    A11YJ Team
  19. • https://accsell.net/ • ༗ྉϝʔϧϚΨδϯ΍ϙουΩϟετΛ഑৴ • தࠜ͞Μɺ২໦͞Μɺࢁຊ͞Μ͕ӡӦ • ΞΫηγϏϦςΟؔ࿈ͷΠϕϯτ৘ใ΋഑৴ • ָ͠Έͳ͕Βɺ಺༰ͷೱ͍৘ใऩू͕Ͱ͖Δ

    AccSell
  20. ࣗݾ঺հ

  21. খാλΧϢΩ (37) @kobatatakayuki

  22. None
  23. ϑϩϯτΤϯυ͔ΒWebͷະདྷΛߟ͑Δձ http://frontend-x.github.io/

  24. ͍͞͝ʹ

  25. The power of the Web is in its universality. Access

    by everyone regardless of disability is an essential aspect. Webͷύϫʔ͸ɺͦͷීวੑʹ͋Δɻো֐ͷ༗ແʹؔ܎ͳ ͘ɺ୭΋͕࢖͑Δ͜ͱ͕ɺͦͷຊ࣭Ͱ͋Δɻ Tim Berners-Lee, W3C Director and inventor of the World Wide Web
  26. ΞΫηγϏϦςΟ͕ͦ͜Webͷຊ࣭

  27. Thank you! http://www.kobatatakayuki.com @kobatatakayuki