2020年12月23日に開催された Accessibility Step Vol.07 オンライン「今年取り組んだアクセシビリティ」LTで発表したスライドです。 テキスト版はこちら
2020.12.23 Accessibility Step Vol.07 @mjmjsachi͔͋Δ͍ϒϥϯυΧϥʔͱίϯτϥετͷ
View Slide
ߴࡏॅϑϦʔϥϯεσβΠφʔҹʴΣϒҬͷখنҊ݅ʴ౦ژͷҊ݅ݸਓͰ͡ΊΔΞΫηγϏϦςΟ@mjmjsachiؒౢࠫ
ΞΠίϯͱ༻్ɾସςΩετରԠදΛ࡞ͬͨ
ίϯτϥετ
ίϯτϥετൺͱ৭ಉ࢜ͷ໌Δ͞ʢ૬ରًʣͷൺ21 : 1A A A A A1.16 : 11.92 : 15.74 : 112.6 : 1#EEE#BBB#666#333#000
σβΠϯ͢ΔڥͰݟ͍͑ͯͯʜϩʔϏδϣϯͷํɺ৭ऑͷํ֎ͰεϚϗͰݟ͍ͯΔബ҉͍෦Ͱݟ͍ͯΔݹ͍ϞχλอޢϑΟϧϜٸ͗ͳ͕Βݟ͍ͯΔ
8FC$POUFOU"DDFTTJCJMJUZ(VJEFMJOFT 8$"(6OEFSTUBOEJOH$POUSBTU .JOJNVN
8FC$POUFOU"DDFTTJCJMJUZ(VJEFMJOFT 8$"(6OEFSTUBOEJOH/POUFYU$POUSBTU
ςΩετ 4.5 : 1 Ҏ্24pxҎ্ͷେ͖ͳจࣈ18.5pxҎ্ͷଠࣈUIίϯϙʔωϯτίϯςϯπͷཧղʹඞཁͳάϥϑΟοΫཁૉ ίϯτϥετൺ3.0 : 1 Ҏ্3.0 : 1 Ҏ্
αΠτͰ͏৭Ͳ͏ܾͬͯΊͯ·͔͢ʁ
ग़యɿϩΰΛ࡞Δલʹ͓͖ͬͯ͘༗໊اۀͷϩΰͰΘΕΔʮ৭ʯͱͦͷཧ༝
ใͷୡʢίϯτϥετ֬อʣΠϝʔδͷԋग़
CASE STUDY
CASE 1໌Δ͍ϒϥϯυΧϥʔΛͬͯσβΠϯͨ͠߹
#F6BAB0#7CC8B9CASE 1ϚϚΛָ͠ΉϫλγΛָ͠Ήࣾձͱͭͳ͕ΔҬͷϚϚঁੑΛԠԉ͢Δձࣾհϖʔδ
CASE 1
5.835.03CASE 1จࣈ৭#444
ใͷୡ Πϝʔδͷԋग़CASE 1
αΠτͰ͏৭ʺϩΰͷ৭ͪͳΈʹͰ0,˞ཁঝೝ
LOGOBUTTON4.31 BUTTON 4.87BUTTON5.66 BUTTON 7.46
CASE 2໌Δ͍ϒϥϯυΧϥʔΛܾΊͨ߹
CASE 2ߴͷҿ৯ళʷӡૹձࣾσϦόϦʔαʔϏε
#B0D137CASE 2%FMJHIU%FMJDJPVT%FMJWFSZرʗ໌Δ͘ϑϨογϡʗؾܰͰศརʗ҆৺ੑผੈΛΘͣ͠Έ͍͢Πϝʔδ
ϒϥϯυΧϥʔࢦ࢟͢ఏڙ͢ΔՁΛ͑Δ
ϒϥϯυΧϥʔ༷ʑʹΘΕͯʮϒϥϯυʯʹͳΔ
ϩΰϚʔΫ༻ΨΠυCASE 2Brand ColorBrand Color Brand Color ϒϥϯυΧϥʔΛഎܠ৭ʹ༻͍Δ߹จࣈʹന৭ΘͣɺࠇͳͲೱ৭Λ༻͍ΔɻOK !⁞จࣈͷࢹೝੑΛ֬อ͢ΔͨΊɺϒϥϯυΧϥʔจࣈ৭ʹ༻͠ͳ͍ɻ
໌Δ͍ϒϥϯυΧϥʔʷίϯτϥετͰΘΔσβΠϯ#a11y_step
ࠓޙͷ๊ෛ
ྲྀ͠ͷΞΫηγϏϦςΟγϟϯ
Step by StepͰ͖Δ͜ͱ͔Β࢝ΊΑ͏ɺଓ͚Α͏Illustration : Open Peeps