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

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