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

66b5fea05e9370317581701c87e50eae?s=47 8845musign
March 08, 2019

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

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

66b5fea05e9370317581701c87e50eae?s=128

8845musign

March 08, 2019
Tweet

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