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

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. ͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠