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
16. ؀ڥΛ੔͑Δ
17. ʮ઀఺ʯΛ૿΍͢ POINT
18. • https://a11yj.herokuapp.com/ • SlackϕʔεͷίϛϡχςΟ • ϏδωεɾΞʔΩςΫπͷҏݪ͞Μ͕ओ࠻ • ·ͣ͸ɺROM͚ͩͰ΋OK͔ͱࢥ͍·͢ • ඈͼࠐΜͰΈ·͠ΐ͏ʘ(^o^)ʗ A11YJ Team
19. • https://accsell.net/ • ༗ྉϝʔϧϚΨδϯ΍ϙουΩϟετΛ഑৴ • தࠜ͞Μɺ২໦͞Μɺࢁຊ͞Μ͕ӡӦ • ΞΫηγϏϦςΟؔ࿈ͷΠϕϯτ৘ใ΋഑৴ • ָ͠Έͳ͕Βɺ಺༰ͷೱ͍৘ใऩू͕Ͱ͖Δ AccSell
20. ࣗݾ঺հ
21. খാλΧϢΩ (37) @kobatatakayuki
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