$30 off During Our Annual Pro Sale. View Details »

アクセシビリティを向上していくために出来ることから進めてみた! ~2019まとめ~

earlgrayMK
December 10, 2019

アクセシビリティを向上していくために出来ることから進めてみた! ~2019まとめ~

2019/12/10に行われた「年忘れアクセシビリティーLT&雑談ナイト! 」にて話した資料です。
pdfはアクセシビリティ向上できてません。すみません...

earlgrayMK

December 10, 2019
Tweet

More Decks by earlgrayMK

Other Decks in How-to & DIY

Transcript

  1. ΞΫηγϏϦςΟΛ
    ޲্͍ͯͨ͘͠Ίʹ
    ग़དྷΔ͜ͱ͔ΒਐΊͯΈͨʂ
    ʙ·ͱΊʙ
    ೥๨ΕΞΫηγϏϦςΟʔ-5ࡶஊφΠτ

    $SPXE8PSLT *OL .*,*)":"4)* !FBSMHSBZ.,

    View Slide

  2. ࣗݾ঺հ
    Έʔͨ .*,*)":"4)*
    69&OHJOFFS
    $SPXE8PSLTKQ ϑϩϯτΤϯυάϧʔϓ
    େֶͰσβΠϯֶΜͰ৽ଔͰΤϯδχΞ࢝Ίͯ೥໨
    FBSMHSBZ.,

    View Slide

  3. https://designer.crowdworks.co.jp/entry/proclaim-a11y

    View Slide

  4. $SPXE8PSLTʹ͓͚ΔΞΫηγϏϦςΟ΁ͷՁ஋

    View Slide

  5. • Ϋϥ΢υιʔγϯάαʔϏε
    • ձһ਺໿ສਓʢ೥
    ݄ݱࡏʣ
    • ϥϯ̋ʔζ͞Μ΍ίί̋ϥ͞
    Μͱࣅͯ·͢Ͷ

    View Slide

  6. $SPXE8PSLT 7*4*0/
    • ϦϞʔτ΍ϑϨοΫεͳಇ͖ํΛฐࣾͰ͸
    ਪਐ͍ͯ͠Δɻ
    • ೳྗ΍؀ڥʹ͔͔ΘΒͣϢʔβʔશһ͕ಉ
    ͡৘ใΛಘΒΕͯ࢓ࣄΛग़དྷΔ؀ڥͮ͘Γ
    Λ׎͑ΒΕΔͱࢥ͍ͬͯͯɺͦΕΛ8FC
    αʔϏεͱͯ͠࡞Γ͍ͨɻ
    ಇ͖ํֵ໋ ੈքͰ࠷΋ͨ͘͞ΜͷਓʹใुΛಧ͚ΔձࣾʹͳΔ

    View Slide

  7. <ࣾ಺>σβΠφʔษڧձͰ఻͑ͯΈͨ

    View Slide

  8. ΞΫηγϏϦςΟೖ໳
    • ʮΞΫηγϏϦςΟʯ΁ͷΠϝʔδ
    • ݈ৗऀͰ΋ΞΫηγϏϦςΟ͕ߟྀ͞Ε͍ͯΔαʔϏε͸࢖͍΍͍͢
    • 69ϋχΧϜߏ଄ʹஔ͚ΔΞΫηγϏϦςΟͷཱͪҐஔ
    • ւ֎Ͱ͸౰ͨΓલͳଘࡏʹɻ
    • $8ͱͯ͠ͳͥΞΫηγϏϦςΟҙࣝΛ࣋ͭ΂͖ͳͷ͔
    • ։ൃϝϯόʔ͕ؾΛ͚͍͖͍ͭͯͨΞΫηγϏϦςΟ΁ͷ഑ྀͱ͸
    ৭ຯɺϦϯΫςΩετɺ৘ใઃܭ

    View Slide

  9. • $44/JUF -1ʰ8FCΞΫηγϏϦςΟͷֶߍʱಛผतۀ
    • αΠϘ΢ζͷ૊৫తͳऔΓ૊ΈͱϏδϡΞϧσβΠϯ
    • ଞͷձࣾͷਓୡ͕ͲͷΑ͏ʹΞΫηγϏϦςΟΛ
    ޲্͍͍ͯͬͯ͠Δ͔ͷϓϩηεΛڞ༗
    Πϕϯτͷηογϣϯಈըؑ৆ձ

    View Slide

  10. <ࣾ಺>4MBDLνϟϯωϧͷ։ઃͯ͠Έͨ

    View Slide

  11. • ΞΫηγϏϦςΟʹؔ͢Δ৘ใΛਨΕ
    ྲྀ͍ͯ͘͠νϟϯωϧ
    • جຊࢲ͔͠౤ߘͯ͠ͳ͔ͬͨ
    • !ZBNBOPLV ͕ೖࣾͯ͘͠Ε͔ͯ
    ΒΊͪΌͪ͘Ό׆ൃͳνϟϯωϧʹ
    • ਓ͔Βਓʹ
    XFCBDDFTTJCJMJUZ

    View Slide

  12. <ࣾ಺>ࣥ຿ࣨ಺ʹϙελʔΛషͬͯΈͨ

    View Slide

  13. • ӳࠃ಺຿ল 6,)PNF0GGJDF
    ΑΓ
    ൃද͞Εͨ΋ͷ
    • ೔ຊޠ຋༁ͯͩͬͨ͘͠͞΋ͷ͕ެ
    ࣜެ։͞Εͨ
    • ΤϯδχΞ͕ଟΊͷ੮ʹషͬͯΈͨ
    Βҙ֎ͱΤϯδχΞ͔Βͷ൓Ԡ͕
    Α͔ͬͨ

    ʮ΢ΣϒΞΫηγϏϦςΟͷʰ΂͖΂͔Βͣʱϙελʔʯ

    View Slide

  14. <ࣾ಺>΋ͬͱ஌ΔͨΊʹྠಡձΛߦͳͬͯΈͨ

    View Slide

  15. • ୭΋͕஌ͬͯΔେਓؾ໊ஶʂ
    • ΤϯδχΞਓɺσβΠφʔਓ
    • ه೦͢΂͖ୈҰճʹ͸ϦϞʔτήετͰ
    ҏݪ͞Μʹ͓ӽ͍͍ͨͩͨ͠
    σβΠχϯά8FCΞΫηγϏϦςΟྠಡձ

    View Slide

  16. <ࣾ֎>ΠϕϯτొஃͰΞϓϩʔνͯ͠Έͨ

    View Slide

  17. • TEFWUBMLTʙαʔϏε։ൃษڧձʙʹͯɺ෼-5ͯ͠Έͨɻ
    • ΞΫηγϏϦςΟ͸8FC͚ͩͷ
    ΋ͷͰ͸ͳ͍Α
    • ීஈͷΞ΢τϓοτͰ΋
    ؾΛ͚ͭΔ͜ͱ͕ग़དྷΔΑʂ
    ʮࢿྉ࡞ΓͷΞΫηγϏϦςΟʯ

    View Slide

  18. ग़དྷΔ͜ͱ͔Β࢝ΊΔ

    View Slide

  19. • ຊདྷͳΒ࣮૷ΛηϚϯςΟοΫʹ͠
    ͍ͯ͘ͱ͍͏ͱ͜ΖΛ΍͍ͬͯ͘
    ΂͖ͳͷͰ͠ΐ͏͕ɺਖ਼௚·ͩԿ΋
    ग़དྷͯͳ͍ͷ͕ݱঢ়
    • ଞਓࣄʹͤͣɺΈΜͳͰ஌ࣝΛ෇͚
    ΒΕΔΑ͏ؤு͍͖͍ͬͯͨʂ
    ஥ؒΛ૿΍͍͖͍ͯͨ͠

    View Slide

  20. 5IBOLZPV

    #FTUXJTIFTJOUIFOFXZFBS
    FBSMHSBZ.,

    View Slide