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

Slide 1

Slide 1 text

ۀ຿γεςϜʹඞཁͳ ΞΫηγϏϦςΟ $":ʙΞΫηγϏϦςΟ͸͡Ίͯ෺ޠʙ ԣ಺޺थ

Slide 2

Slide 2 text

ࣗݾ঺հ @8845musign Designer & Director ෲےϩʔϥʔͷྗΛ৴͡Ζ

Slide 3

Slide 3 text

ۀ຿γεςϜͷϢʔβ ԣ಺޺थ wॳڃऀ wதڃऀ wർΕͨਓ

Slide 4

Slide 4 text

Inclusive Panda ԣ಺޺थ ग़యɹhttps://medium.com/misusability/introducing-the-inclusive-panda-86acf2a835e5

Slide 5

Slide 5 text

ϚΫϩͳࢹ఺͔Βͷ ΞΫηγϏϦςΟ

Slide 6

Slide 6 text

ཁૉ: ΞϑΥʔμϯε ౤ߘ͢Δ ԡͤΔ ϑΥʔΧεͰ͖Δ

Slide 7

Slide 7 text

ԡͤΔ ϑΥʔΧεͰ͖Δ ཁૉ: a11y ౤ߘ͢Δ จࣈͷେ͖͞ ৭ͷίϯτϥετ ΩʔϘʔυૢ࡞

Slide 8

Slide 8 text

ը໘ϨΠΞ΢τ: ΞϑΥʔμϯε ౤ߘ͢Δ ͭͿ΍͖ ͭͿ΍͚Δ

Slide 9

Slide 9 text

౤ߘ͢Δ ͭͿ΍͖ ͭͿ΍͚Δ ίϯτϥετ ը໘ϨΠΞ΢τ: a11y

Slide 10

Slide 10 text

ϨΠΞ΢τ: a11y ౤ߘ͢Δ ͭͿ΍͖ ͭͿ΍͚Δ Ұ؏ੑ

Slide 11

Slide 11 text

ϨΠΞ΢τ: a11y ౤ߘ͢Δ ͭͿ΍͖ ͭͿ΍͚Δ ΞϑΥʔμϯεͱݟͨ໨ͷҰக ϘλϯΛԡ͢ͱɺೖྗͨ͠ςΩετ͕ ౤ߘ͞ΕΔ

Slide 12

Slide 12 text

σβΠϯγεςϜͱίϯτϥετ λεΫ໊ ظ೔ εέδϡʔϧ50%0 ՈʹؼΔ ֬ఆਃࠂ ༡ͼʹ͍͘ ग़ࣾ ஗Ԇ ·ͩ ·ͩ ·ͩ

Slide 13

Slide 13 text

σβΠϯγεςϜͱίϯτϥετ εέδϡʔϧ50%0 λεΫ໊ ظ೔ ՈʹؼΔ ֬ఆਃࠂ ༡ͼʹ͍͘ ग़ࣾ ஗Ԇ

Slide 14

Slide 14 text

σβΠϯγεςϜͱίϯτϥετ ؔ܎ੑ ৭ɺେ͖͞ɺܗঢ়ͳͲ

Slide 15

Slide 15 text

ۀ຿:༗څٳՋਃ੥ ༗څٳՋਃ੥

Slide 16

Slide 16 text

༗څٳՋਃ੥: a11y w આ໌Λड͚ͣͱ΋ਃ੥Λߦ͏͜ͱ͕Ͱ͖Δ w ਃ੥͸͍ͭͰ΋औΓԼ͛Δ͜ͱ͕Ͱ͖Δ w ਃ੥಺༰͸͍ͭͰ΋มߋ͢Δ͜ͱ͕ՄೳͰ͋Δ w ୭ʹ΋ڐՄΛऔΒͣʹਃ੥Λߦ͏͜ͱ͕Ͱ͖Δ

Slide 17

Slide 17 text

a11y : ۀ຿ / ϙΠϯτ ৘ใ΁ͷΞΫηε ͕ࣗ༝Ͱ͋Δ͜ͱ ۀ຿Λ਱ߦ͢Δਓ͕ࣗ༝ͳ λΠϛϯάͰߦ͑Δ͜ͱ