業務システムに必要なアクセシビリティ

CA11Y #1 〜アクセシビリティはじめて物語〜

Transcript

1. ۀ຿γεςϜʹඞཁͳ
   ΞΫηγϏϦςΟ $":
   
   ʙΞΫηγϏϦςΟ͸͡Ίͯ෺ޠʙ ԣ಺޺थ
2. ࣗݾ঺հ @8845musign Designer & Director ෲےϩʔϥʔͷྗΛ৴͡Ζ
3. ۀ຿γεςϜͷϢʔβ ԣ಺޺थ wॳڃऀ
   wதڃऀ
   wർΕͨਓ
4. Inclusive Panda ԣ಺޺थ ग़యɹhttps://medium.com/misusability/introducing-the-inclusive-panda-86acf2a835e5
5. ϚΫϩͳࢹ఺͔Βͷ
   ΞΫηγϏϦςΟ
6. ཁૉ: ΞϑΥʔμϯε ౤ߘ͢Δ ԡͤΔ ϑΥʔΧεͰ͖Δ
7. ԡͤΔ ϑΥʔΧεͰ͖Δ ཁૉ: a11y ౤ߘ͢Δ จࣈͷେ͖͞ ৭ͷίϯτϥετ ΩʔϘʔυૢ࡞
8. ը໘ϨΠΞ΢τ: ΞϑΥʔμϯε ౤ߘ͢Δ ͭͿ΍͖ ͭͿ΍͚Δ
9. ౤ߘ͢Δ ͭͿ΍͖ ͭͿ΍͚Δ ίϯτϥετ ը໘ϨΠΞ΢τ: a11y
10. ϨΠΞ΢τ: a11y ౤ߘ͢Δ ͭͿ΍͖ ͭͿ΍͚Δ Ұ؏ੑ
11. ϨΠΞ΢τ: a11y ౤ߘ͢Δ ͭͿ΍͖ ͭͿ΍͚Δ ΞϑΥʔμϯεͱݟͨ໨ͷҰக ϘλϯΛԡ͢ͱɺೖྗͨ͠ςΩετ͕
    ౤ߘ͞ΕΔ
12. σβΠϯγεςϜͱίϯτϥετ λεΫ໊ ظ೔ εέδϡʔϧ50%0 ՈʹؼΔ  ֬ఆਃࠂ  ༡ͼʹ͍͘  ग़ࣾ  ஗Ԇ ·ͩ ·ͩ ·ͩ
13. σβΠϯγεςϜͱίϯτϥετ εέδϡʔϧ50%0 λεΫ໊ ظ೔     ՈʹؼΔ ֬ఆਃࠂ ༡ͼʹ͍͘ ग़ࣾ ஗Ԇ
14. σβΠϯγεςϜͱίϯτϥετ ؔ܎ੑ ৭ɺେ͖͞ɺܗঢ়ͳͲ
15. ۀ຿:༗څٳՋਃ੥ ༗څٳՋਃ੥
16. ༗څٳՋਃ੥: a11y w
    આ໌Λड͚ͣͱ΋ਃ੥Λߦ͏͜ͱ͕Ͱ͖Δ
    w
    ਃ੥͸͍ͭͰ΋औΓԼ͛Δ͜ͱ͕Ͱ͖Δ
    w
    ਃ੥಺༰͸͍ͭͰ΋มߋ͢Δ͜ͱ͕ՄೳͰ͋Δ
    w
    ୭ʹ΋ڐՄΛऔΒͣʹਃ੥Λߦ͏͜ͱ͕Ͱ͖Δ
17. a11y : ۀ຿ / ϙΠϯτ ৘ใ΁ͷΞΫηε ͕ࣗ༝Ͱ͋Δ͜ͱ ۀ຿Λ਱ߦ͢Δਓ͕ࣗ༝ͳ λΠϛϯάͰߦ͑Δ͜ͱ
18. ༗څٳՋਃ੥: a11y w
    આ໌Λड͚ͣͱ΋ਃ੥Λߦ͏͜ͱ͕Ͱ͖Δ
    w
    ਃ੥͸͍ͭͰ΋औΓԼ͛Δ͜ͱ͕Ͱ͖Δ
    w
    ਃ੥಺༰͸͍ͭͰ΋มߋ͢Δ͜ͱ͕ՄೳͰ͋Δ
    w
    ୭ʹ΋ڐՄΛऔΒͣʹਃ੥Λߦ͏͜ͱ͕Ͱ͖Δ
19. ݖརͷΞΫηγϏϦςΟ
20. ΞΫηγϏϦςΟ͸
    Ձ஋ΛੜΉ ࠩҟԽ ࣾձͱͯ͠ͷ͋Γ͔ͨ ޮ཰Խ ྫ͑͹
21. ͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠