Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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 : ۀ / ϙΠϯτ ใͷΞΫηε ͕ࣗ༝Ͱ͋Δ͜ͱ ۀΛߦ͢Δਓ͕ࣗ༝ͳ λΠϛϯάͰߦ͑Δ͜ͱ
Slide 18
Slide 18 text
༗څٳՋਃ: a11y w આ໌Λड͚ͣͱਃΛߦ͏͜ͱ͕Ͱ͖Δ w ਃ͍ͭͰऔΓԼ͛Δ͜ͱ͕Ͱ͖Δ w ਃ༰͍ͭͰมߋ͢Δ͜ͱ͕ՄೳͰ͋Δ w ୭ʹڐՄΛऔΒͣʹਃΛߦ͏͜ͱ͕Ͱ͖Δ
Slide 19
Slide 19 text
ݖརͷΞΫηγϏϦςΟ
Slide 20
Slide 20 text
ΞΫηγϏϦςΟ ՁΛੜΉ ࠩҟԽ ࣾձͱͯ͠ͷ͋Γ͔ͨ ޮԽ ྫ͑
Slide 21
Slide 21 text
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠