なにからはじめたらいいかわからない人のための、これからはじめる『ウェブアクセシビリティ』

2017年11月22日（水）
html5j Webプラットフォーム部 第18回勉強会
今回のテーマは「アクセシビリティ/インクルーシブデザイン」
https://html5j-webplat.connpass.com/event/71784/

Transcript

1. ͳʹ͔Β͸͡ΊͨΒ͍͍͔Θ͔Βͳ͍ਓͷͨΊͷɺ ͜Ε͔Β͸͡ΊΔ
 ʰ΢ΣϒΞΫηγϏϦςΟʱ IUNMK
   8FCϓϥοτϑΥʔϜ෦
   ୈճษڧձ ࢁຊ
   ࿨ઘ
2. ࠷ۙ
 zΞΫηγϏϦςΟz
 ͬͯݟ͔͚ͨΓฉ͍ͨΓ͠·͢ΑͶ
3. ೥݄೔ ΞΫηγϏϦςΟ΍ΔͧʂࡇΓ ໊
4. ೥݄೔ +BQBO
   "DDFTTJCJMJUZ
   $POGFSFODF ໊
5. ഒҎ্
6. ΞΫηγϏϦςΟ
 ΍͹͍ˍ͍͋ͭ
7. ࠓ೔͸
 ΢ΣϒΞΫηγϏϦςΟͬͯ
 ͔ͩΒ͍͍ͬͨͳΜͳͷΑɺͱ͍͏ํʹ޲͚ͨ
 ʮ࠷ॳͷҰาʯͷ͓࿩Λ͠·͢
8. ͜Μʹͪ͸ ࢁຊ࿨ઘʢ΍·΋ͱ͍ͣΈʣ ΢ΣϒσβΠφʔΞυόΠβʔτϨʔφʔ ΞΫηγϏϦςΟΏΔ;Θ෦ ΞΫηγϏϦςΟͷ৘ใαΠτ"DD4FMMʢΞΫηϧʣ
 ΞΫηγϏϦςΟϏΪφʔͷҊ಺໾ IUUQBDDTFMMOFU ͍ͪ͝ͱΈΐ͏͕ͱ͓೑ͱඈߦػ͕େ޷͖Ͱ͢ ͍͍ͣͣͬͯݺ͹Ε͍ͯ·͢ ςϨϏ͸Ի੠ղઆͱࣈນͷίϯϘ೿
9. 8IZʁΞΫηγϏϦςΟ "DDFTTʴ"CJMJUZ
   ΞΫηε
   ʴ
   Ͱ͖Δ͜ͱ
10. Ͱ͖ͳ͍ɾͣ͠Β͍
    Ͱ͖Δɾ͠΍͍͢
    
11. ো֐ऀ΍ߴྸऀରԠʁʁ
12. ΅͘ɺϝΨω͕յ͞ΕͨΒ
    ͳʹ΋Ͱ͖ͳ͍ΜͰ͢Α GSFFF
    ҏݪ
    ྗ໵͞Μ ʢ૒ࢠͷ͓ͱʔ͞Μʣ
13. ΢Σϒ͕༏Ε͍ͯΔͱ͜Ζ͸ɺ
 ͦͷ޿͍൚༻ੑͰ͋Δɻ
    ো֐͕͋Δ͔൱͔ʹؔΘΒͣɺ
 ୭Ͱ΋ΞΫηεͰ͖Δͱ͍͏͜ͱ͸ɺ
 ΢ΣϒʹͱͬͯෆՄܽͳಛ௃ͳͷͰ
 ͋Δɻ ςΟϜɾόʔφʔζϦʔ XXXΛ࡞ͬͨਓˠ
14. ϚγʔϯϦʔμϒϧ
15. "DDFTT
    
    "CMF
    
    8FC
    $POUFOU
    ΞΫηεʴͰ͖Δʴ΢Σϒίϯςϯπ
16. ͦ΋ͦ΋΢Σϒͬͯ ΞΫηεͯ͠΋ΒΘͳ͍ͱઌʹ͢͢Ίͳ͍ ΞΫηεͨ͋͠ͱʹϢʔβϏϦςΟతͳ࿩
17. ΢ΣϒΞΫηγϏϦςΟͷํ਑΍ࢼݧ݁ՌΛެ։
19. w ߏ଄ͱදࣔελΠϧ
    w จࣈαΠζͱจষͷಡΈ΍͢͞
    w ૢ࡞ͱೖྗ
    w Իɾө૾
20. ߏ଄ͱදࣔελΠϧ w ϖʔδ๯಄ʹʮϖʔδݟग़͠ʯΛ෇͚·͢
    w ݟग़͠ɾஈམɾϦετͱ͔ߏ଄ʹ߹ΘͤͯϚʔΫΞοϓ͠ ͍ͯ·͢
    w ݟͨ໨͸$44Λ࢖͍·͢
21. ߏ଄ͱදࣔελΠϧ w ϖʔδ๯಄ʹʮϖʔδݟग़͠ʯΛ෇͚·͢
    w ݟग़͠ɾஈམɾϦετͱ͔ߏ଄ʹ߹ΘͤͯϚʔΫΞοϓ͠ ͍ͯ·͢
    w ݟͨ໨͸$44Λ࢖͍·͢ ͋ɾͨɾΓɾ·ɾ͑ɾὑ
22. จࣈαΠζͱจষͷಡΈ΍͢͞ w هࣄຊจจࣈͷαΠζ͸ɺඞཁʹԠͯ͡Έͳ͞·͕มߋͰ ͖ΔΑ͏ʹ͠·͢ɻ
    w จࣈͷ৭͸ɺഎܠ৭ͱे෼ͳίϯτϥετΛͱΓɺݟ΍͢ ͍৭ͷ૊Έ߹ΘͤΛ৺͕͚·͢ɻ
    w จࣈͷߦؒʹ΋ؾΛ͚ͭ·͢ɻ
23. จࣈαΠζͱจষͷಡΈ΍͢͞ w هࣄຊจจࣈͷαΠζ͸ɺඞཁʹԠͯ͡Έͳ͞·͕มߋͰ ͖ΔΑ͏ʹ͠·͢ɻ
    w จࣈͷ৭͸ɺഎܠ৭ͱे෼ͳίϯτϥετΛͱΓɺݟ΍͢ ͍৭ͷ૊Έ߹ΘͤΛ৺͕͚·͢ɻ
    w จࣈͷߦؒʹ΋ؾΛ͚ͭ·͢ɻ ͋ɾͨɾΓɾ·ɾ͑ɾὑ
24. ૢ࡞ͱೖྗ w ΩʔϘʔυૢ࡞΋Ͱ͖ΔΑ͏ʹ͍ͯ͠·͢
    w άϩʔόϧφϏήʔγϣϯΛ͚ͭ·͢ UBCΩʔ΍໼ҹΩʔͳͲΩʔϘʔυ͚ͩͰૢ࡞͕Ͱ͖ΔΑ͏ʹ͢Δ
    ී௨ʹϚʔΫΞοϓ͍ͯͨ͠Βେৎ෉ɻ
25. ૢ࡞ͱೖྗ w ΩʔϘʔυૢ࡞΋Ͱ͖ΔΑ͏ʹ͍ͯ͠·͢
    w άϩʔόϧφϏήʔγϣϯΛ͚ͭ·͢ UBCΩʔ΍໼ҹΩʔͳͲΩʔϘʔυ͚ͩͰૢ࡞͕Ͱ͖ΔΑ͏ʹ͢Δ
    ී௨ʹϚʔΫΞοϓ͍ͯͨ͠Βେৎ෉ɻ ͏Μ͏Μὑ
26. Իͱө૾ w ࣗಈతʹԻΛྲྀͨ͠Γө૾Λྲྀͨ͠Γ͠·ͤΜ
    w ࠶ੜͤ͞Δͱ͖͸ʮ࠶ੜϘλϯʯΛԡͨ͠Β໐Β͠·͢
27. Իͱө૾ w ࣗಈతʹԻΛྲྀͨ͠Γө૾Λྲྀͨ͠Γ͠·ͤΜ
    w ࠶ੜͤ͞Δͱ͖͸ʮ࠶ੜϘλϯʯΛԡͨ͠Β໐Β͠·͢ ͋ɾͨɾΓɾ·ɾ͑ɾὑ
28. ࢥ͍ͷ΄͔
 ؆୯ͬΆ͘ͳ͍ʁ
    
29. ςΩετϦϯΫͷจࣈ ৄࡉ͸ͪ͜ΒΛ͝ཡ͍ͩ͘͞ Έΐ͏͕࠿ഓΛ͝ཡ͍ͩ͘͞
30. ίϯτϥετൺ   
31. IUUQMFBWFSPVHJUIVCJPDPOUSBTUSBUJP
32. IUUQMFBWFSPVHJUIVCJPDPOUSBTUSBUJP
33. ๨Εͯ͸͍͚ͳ͍ ͦ΋ͦ΋΢Σϒͷجຊ ςΩετ
    
34. 8FCGPOUT ଟݴޠରԠ΋Մೳ
37. จࣈαΠζมߋϘλϯ͍Δ͍Βͳ͍໰୊ ๻ͷपΓͰ
 จࣈαΠζมߋϘλϯΛ
 ࢖͍ͬͯΔਓΛݟͨ͜ͱͳ͍ $PDLUBJM[
    ҏෑ੓ӳ͞Μ ʢϩʔϏδϣϯʣ
38. ϩʔϏδϣϯͬͯʁ ͬ͘͟Γ͍͏ͱऑࢹͷํͷ͜ͱ w ΊͬͪΌࢹྗ͕ѱ͍
    w ݟ͑Δൣғ͕ڱ͍
    w ୺͕͚͍ͬܽͯͨ͜Γ
    w ৭͕ҧͬͯΈ͑ͨΓ ਓʹΑͬͯݟ͑ํ͕͞·͟·ɺ࣮͸ΊͬͪΌଟ͍
39. ը૾ʹ͸BMUΛ͚ͭΔ BMUFSOBUJWF
    UFYUɿ୅ସςΩετ ஛ଜ݈Ұ͍͍ͩͨ΍Ͷ͐஛ଜ݈Ұ ը૾ͷ୅ΘΓͱͳΔจࣈ JNH
    BMUlةݥͰ͢ɺา͖εϚϗɻz
41. ͲΜͳ΋ͷ͕͍͍͔͠Βʁ BMUlz BMUlνϣίϨʔτέʔΩz BMUlը૾z ᶃ ᶄ ᶅ
42. ը૾͕ඇදࣔͷͱ͖ BMUlz BMUlνϣίϨʔτέʔΩz BMUlը૾z ᶃ ᶅ ᶄ ը૾ͷଘࡏ͕ ͳ͍ʂ
43. BMUlը૾z εΫϦʔϯϦʔμʔͰ
 ʮը૾ʯͬͯಡΉΜͰ͢Αɻ
 ͦΜͳͷ஌ͬͯ·͢Αɻ
 ͲΜͳը૾ͳͷ͔͕஌Γ͍͍ͨΜͰ͢Αɻ "DD4FMM
    தࠜ
    խจ͞Μ ʢશ໡ྺ೥ྸʣ
44. εΫϦʔϯϦʔμʔʁ ύιίϯ΍εϚϗͷը໘ΛػցͷԻ੠ͰಡΈ্͛Διϑτ w 7PJDF0WFS J04.BDɿඪ४ʣ
    w φϨʔλʔʢ8JOEPXTɿඪ४ʣ
    w /7%"ʢແྉʣ
    w 1$5BMLFSʢ༗ྉʣ BOE
    NPSFʜ
45. ϞΞϕλʔΑ w ࣸਅ͔Πϥετ͔
    w ݟͨ໨উෛʂ
46. ΍Γ͗͢ྫ ऩ࿥෩ܠɿࠨ͔Βʹ͜΍͔ͳήετͷଠా͞ΜɺʮΦϨʂʯͳ২໦ɺ΄ͬ΃Λԡ ͑ͯ͞૫ͤͨ෩ʹݟͤͯΔ͍͍ͣͣɺੜஆ͔͍໨Ͱݟ͍ͯΔήετͷҏݪ͞Μɺ Ұ൪खલʹγϟπʹटΛߜΊΒΕ͍ͯΔதࠜɻ
47. BMUܯ࡯ ؾΛ͚ͭΖʂ
48. ͜Ε͚ͩ͸͓͑͞Ζʂ΢ΣϒΞΫηγϏϦςΟ  ϖʔδͷ಺༰͕Θ͔ΔϖʔδλΠτϧ Λ͚ͭΔʢUJUMFλάʣ
     ݟग़͠΍ϦετͳͲจষߏ଄ΛϚʔΫ Ξοϓ͢Δ
     ߏ଄ΛηΫγϣχϯά͢Δ
     ϦϯΫςΩετ͸ϦϯΫઌ͕Θ͔Δจ ݴʹ͢Δ
     ৘ใΛ఻͍͑ͯΔը૾ʹ୅ସςΩετ Λ͍ΕΔ  จࣈ৭ͱഎܠ৭ͷίϯτϥετΛ֬อ͢ Δ
     ΩʔϘʔυ͚ͩͰ΋ૢ࡞Ͱ͖ΔΑ͏ʹ͢ Δ
     Ի੠΍ө૾Λࣗಈ࠶ੜͤ͞ͳ͍
     ࠶ੜϘλϯͱετοϓϘλϯΛ͚ͭΔ
    ΈͨΊ͸$44Ͱௐ੔͢Δ
49. ಛผͳ୭͔ͷͨΊͷ΋ͷͰ͸ͳ͍Α ΞΫηγϏϦςΟ͸඼࣭อূ
    ϛπΤʔϦϯΫε
    ໦ୡ
    Ұਔ͞Μ ʢΞΫηγϏϦςΟ͓͡͞Μʣ
50. ·ͣ͸͜ΕΛಡ΋͏
52. ͳΔ΄ͲɺΘ͔ΒΜɾɾɾ
53. ͓͢͢ΊεϥΠυ IUUQCJUMZ"DYH&
54. 8$"(΋͘΋͘ձ IUUQTDBZDPOOQBTTDPN
55. ΞΫηγϏϦςΟপʹ͸·Βͳ͍ͨΊʹ ʮͻͱΓͰ೰·ͳ͍ʯ w ΞΫηγϏϦςΟؔ࿈ษڧձ૿͑ͯΔ
    w "DD4FMM΋͋ΔΑ
    w ϐϯΫຊͷྠಡձΛ΍͍ͬͯΔձࣾ΋
56. ʮΈΜͳͰ΍Δʯ ΞΫηγϏϦςΟ
57. ͓͢͢Ί5XJUUFSΞΧ΢ϯτ !BIPNV !CBLFSB !NPNEP@ !NBTV1 !4BXBEB4UE%FTJHO !NJML !LB[VIJUP !NBLPKP !XBJD@KQ !NBHJ !TVLPZBLBSJ[VNV !NBLPUP@VFLJ !XFCBZ !BDDTFMM@OFU
58. ͜͜Ͱͪΐͬͱ$. ೥݄೔ʢ౔ʣ "DD4FMM
    .FFUVQ
    WPM ։࠵ܾఆʂʂ
59. ΞΫηγϏϦςΟʹڧ͘ͳΔͱ w ଞࣾͱͷࠩผԽ
    w Ҋ݅਺͕૿͑·͘Γ
    w ͜Ε͔ΒͷΩϟϦΞύεʹඇৗʹ༗ར
60. ҰਓͰ΋࢖͑ͳ͍ਓ͕͍ͨΒ ࣗࣾͷαʔϏεΛ
 ࢖ͬͯ΋Β͑ͳ͍ αΠϘ΢ζ
    খྛ
    େี͞Μ
61. ΞΫηγϏϦςΟΛ΍Γͨͯ͘ αΠόʔΤʔδΣϯτʹ
 స৬ͨ͠ αΠόʔΤʔδΣϯτ
 ຟా
    ૲Ұ͞Μ ʢCVUUPOܯ࡯ʣ
62. ٸื͍ͯ͠Δͱ͜Ζଟ਺
63. ΍Ε͹Ṷ͔Δ
64. ·ͱΊ w ΞΫηγϏϦςΟͷ೾͕΍͖͍ͬͯͯΔ
    w ͍Ζ͍Ζͳاۀ͕͢Ͱʹ͸͡Ί͍ͯΔ
    w ໌೔͔Β͙͢ʹͰ͖Δ΋ͷ͕ͨ͘͞Μ
    w ΞΫηγϏϦςΟରԠ͸඼࣭อূ
65. ʮࠓ΍Βͳ͍ཧ༝͸ͳ͍ʯ ΠϯϑΥΞΫγΞ
    ২໦ਅ͞Μ ʢΞΫηγϏϦςΟγϟϯʣ
66. ৐Γ஗ΕΔͳʂ ͜ͷϏοΫ΢Σʔϒʹʂ
67. ͋Γ͕ͱ͏͍͟͝·ͨ͠ !J[VJ[V
    IUUQJ[VJ[VKQ