LINEヤフーにおけるこれからのアクセシビリティ

LINEヤフーにおけるこれからのアクセシビリティ
富田梓・岡崎晶彦

※この資料は以下イベントで発表した内容です。
https://fukuoka.a11yconf.net/schedule
#fukuoka_a11yconf

Transcript

1. ˜-:$PSQPSBUJPO
   -*/&Ϡϑʔʹ͓͚Δ
   ͜Ε͔ΒͷΞΫηγϏϦςΟ
   ΞΫηγϏϦςΟΧϯϑΝϨϯε෱Ԭ
   ෋ాѸ
   Ԭ࡚থ඙
   

   View Slide

2. ˜-:$PSQPSBUJPO
   ࣗݾ঺հ
   ෋ాѸ6*5։ൃਪਐ෦8FCΞΫηγϏϦςΟνʔϜϦʔμʔ
   2011ɿ/BWFS+BQBOגࣜձࣾೖࣾ
   2012ɿ/)/+BQBOגࣜձࣾೖࣾ
   2013ɿ-*/&גࣜձࣾೖࣾ
   2021ɿ-*/&גࣜձࣾ ඇ্৔
   ೖࣾ
   2023ɿ-*/&Ϡϑʔגࣜձࣾೖࣾ
   

   View Slide

3. ˜-:$PSQPSBUJPO
   -*/&Ͱͷ
   ͜Ε·ͰͷΞΫηγϏϦςΟ
   

   View Slide

4. ˜-:$PSQPSBUJPO
   w ෼ۀମ੍
   w اըσβΠϯϑϩϯτΤϯυ։ൃΞϓϦ։ൃ2"
   w ϑϩϯτΤϯυ։ൃ෦ॺ 6*5
   
   w 8FCͰ࣮૷͞Ε͍ͯΔ෦෼Λ୲౰
   w ೔ຊڌ఺ͷΈͰ໊ऑ͕ॴଐ
   
   -*/&ͷମ੍
   

   View Slide

5. ˜-:$PSQPSBUJPO
   ΞΫηγϏϦςΟͷঢ়گ
   w ϑϩϯτΤϯυྖҬͰ͸ํ਑ͳ͠ɺνΣοΫͳ͠
   w ։ൃ୲౰ऀͷ஌ࣝྔʹΑͬͯରԠϨϕϧ͕όϥόϥ
   

   View Slide

6. ˜-:$PSQPSBUJPO
   ࠷ॳʹ΍ͬͨ͜ͱ
   w ษڧձ։࠵
   w ΞΫηγϏϦςΟؔ࿈ͷ࢓༷ॻΛ΋͘΋͘ಡΉ
   w ࣾ಺ͷ6*ϑϨʔϜϫʔΫͷվળྫΛݕ౼ͯ͠ΈΔ
   w ೥ࠒ
   

   View Slide

7. ˜-:$PSQPSBUJPO
   ษڧձͷ໰୊఺
   w ࣌ؒతʹ΋಺༰తʹ΋ɺͰ͖ΔൣғͰ΍Δ͔͠ͳ͍
   w ਓ਺΋಺༰΋εέʔϦϯά͠ͳ͍
   w ਐߦதͷϓϩδΣΫτʹੵۃతʹؔΘΔ͜ͱ͕೉͍͠
   

   View Slide

8. ˜-:$PSQPSBUJPO
   సػ
   w ΞΫηγϏϦςΟλεΫϑΥʔεͷελʔτ
   w ษڧձ͸ࢀՃऀಉ࢜ͷφϨοδͷڞ༗ͳͲڱ͍಺޲͖ͷࢹ఺
   w 5'Ͱ͸ΞΫηγϏϦςΟΛਪਐ͢ΔͨΊͷ֎޲͖ͷࢹ఺Ͱ׆ಈͰ͖Δ
   w ݞॻ͖͕͋ΔͷͰɺଞϓϩδΣΫτʹटΛಥͬࠐΈ΍͍͢
   w ॴଐ෦ॺͷ೥࣍ͷऔΓ૊Έͱͯ͠ʮΞΫηγϏϦςΟʯ
   w ϘτϜΞοϓ͚ͩͰ͸ݶք͕͋ͬͨ
   

   View Slide

9. ˜-:$PSQPSBUJPO
   ΞΫηγϏϦςΟλεΫϑΥʔεͷ
   औΓ૊Έ
   

   View Slide

10. ˜-:$PSQPSBUJPO
    5'ͷ׆ಈ
    w ো֐౰ࣄऀ΁ͷώΞϦϯά
    w ࣾ಺޲͚ܒ໤Πϕϯτͷ࣮ࢪ
    w ࣾ಺޲͚ͷΞΫηγϏϦςΟΨΠυϥΠϯ࡞੒
    

    View Slide

11. ˜-:$PSQPSBUJPO
    ো֐౰ࣄऀ΁ͷώΞϦϯά
    w ࣮ࡍͲ͏ͳͷ͔ͱ͍͏ཧղ͕ѹ౗తʹ଍Γ͍ͯͳ͍
    w ࣾ಺ͷࢹ֮ো֐౰ࣄऀΛର৅ʹͨ͠ώΞϦϯά
    w ࢹ֮ো֐ͱ͍͏΋ͷͷάϥσʔγϣϯ΍ɺ؀ڥͷଟ༷͞ͳͲ
    ଟ͘ͷؾ͖͕ͮ͋ͬͨ
    

    View Slide

12. ˜-:$PSQPSBUJPO
    "Z.FFUVQ ࣾ಺޲͚Πϕϯτ
    
    w ΞΫηγϏϦςΟೝ஌޲্ͷͨΊͷࣾ಺Πϕϯτ։࠵
    w ස౓͸ʙϲ݄ʹҰճఔ౓
    w ো֐౰ࣄऀΠϯλϏϡʔɺ࣮ࡍͷϓϩδΣΫτͰͷվળࣄ৘ɺ
    ৭֮ಛੑͷجૅ஌ࣝͳͲςʔϚ͸ຖճҟͳΔ
    w ʮΞΫηγϏϦςΟΛ΍͍ͬͯΔਓ͕͍ؒΔʯ͜ͱ͕ݟ͑Δ
    

    View Slide

13. ˜-:$PSQPSBUJPO
    ࣾ಺޲͚ΨΠυϥΠϯ࡞੒
    w طଘͷΨΠυϥΠϯΛͦͷ··࢖͑Δ͔
    w 8$"(͸ϋʔυϧ͕ߴ͍
    w ެ։͞Ε͍ͯΔଞࣾͷΨΠυϥΠϯ
    w هࡌ಺༰Λ͢΂ͯνΣοΫ͕ඞཁ
    w ಺༰ʹखΛՃ͍͑ͨ৔߹ʹରԠʹݶք͕͋Δ
    w ݁ہॻ͍ͨ
    

    View Slide

14. ˜-:$PSQPSBUJPO
    ࣾ಺޲͚ΨΠυϥΠϯ࡞੒
    w ެ։͞Ε͍ͯΔGSFFFࣾͷΨΠυϥΠϯΛࢀߟ
    w ͋Γ͕ͱ͏͍͟͝·ͨ͠
    w ϖʔδΛߏ੒͢Δཁૉ୯ҐͰষཱͯ
    w νΣοΫϦετͱͦͷӡ༻ํ๏·ͰυΩϡϝϯτԽ
    w ͜ΕͰ୭Ͱ΋ΞΫηγϏϦςΟνΣοΫ͕࣮ࢪͰ͖Δʂ
    

    View Slide

15. ˜-:$PSQPSBUJPO
    ΨΠυϥΠϯ࡞ͬͨ݁Ռ
    w ͋Μ·Γ൓Ԡ͕ͳ͍
    w ʮ࢖ͬͨͷͰಡΜͰʯ͚ͩͰ͸൓Ԡ͸ݟ͑ͣɺਁಁ΋͠ͳ͍
    

    View Slide

16. ˜-:$PSQPSBUJPO
    Ͳ͏͢Δ͔
    w શһͰಡΈ߹Θͤ͢Δ͔͠ͳ͍ʜ
    w ग़དྷΒ͊ʂશһͰಡΈ߹ΘͤͱϓϩμΫτ΁ͷνΣοΫؚΊͯ
    ΍ΕΔͬͯΜͩΑʂʂ
    w ͑ɺਓͰಡΈ߹ΘͤΛͯ͠ɺۙ͘ͷϓϩμΫτʹνΣο
    ΫΛ࣮ࢪʜʁ
    

    View Slide

17. ˜-:$PSQPSBUJPO
    "DDFTTJCJMJUZ#PPU$BNQͷ։࠵
    

    View Slide

18. ˜-:$PSQPSBUJPO
    ํ਑ΛܾΊΔ
    w ࠷ॳ͔Β׬શͳରԠ͸ఘΊΔ
    w ର৅ΛߜΔ
    w খ͞ͳ໨ඪΛఆΊΔ
    w ࢀՃͷϋʔυϧΛԼ͛Δ
    

    View Slide

19. ˜-:$PSQPSBUJPO
    ର৅ΛߜΔ
    w ఘΊͨ͜ͱ
    w ΨΠυϥΠϯΛશ෦ಡΜͰཧղ͢Δ
    w ಡΈ߹Θͤ͢ΔΨΠυϥΠϯͷ߲໨ΛߜΔ
    w ϑϩϯτΤϯυଆ͚ͩͰमਖ਼ରԠͰ͖Δ߲໨ʹݶఆͨ͠
    w ࣗ෼ͨͪͷݖݶͰमਖ਼Ͱ͖ΔͷͰɺओମੑΛ΋ͯΔ
    w ൓ө͠΍͍͢ͷͰϞνϕʔγϣϯʹͭͳ͕Δ
    

    View Slide

20. ˜-:$PSQPSBUJPO
    খ͞ͳ໨ඪΛఆΊΔ
    w ఘΊͨ͜ͱ
    w ໰୊఺Λ͢΂ͯચ͍ग़ͯ͠मਖ਼͠ɺϓϩμΫτΛվળ͢Δ
    w ·ͣ͸ݟ͑ΔԽ͢Δ͜ͱΛ໨ඪʹ͢Δ
    w ࠷ॳͷ໨ඪ͸ɺνΣοΫΛ׬ྃ͢Δͱ͜Ζ·Ͱͱͨ͠
    w վળʹ͸ࢸ͍ͬͯͳ͍͕ɺ໰୊Λೝࣝ͢Δ͜ͱ͕Ͱ͖Δ
    w ݟ͔ͭͬͨ໰୊͸νέοτͱͯ͠ొ࿥͠ɺՄೳͳλΠϛϯάͰमਖ਼
    

    View Slide

21. ˜-:$PSQPSBUJPO
    ࢀՃͷϋʔυϧΛԼ͛Δ
    w ఘΊͨ͜ͱ
    w શһࢀՃɺճͰશ෦ಡΉ
    w ඞਢࢀՃऀΛߜͬͨ
    w ϓϩδΣΫτຖʹ୲౰ΛܾΊɺ୲౰ऀͷΈඞਢɺͦΕҎ֎͸೚ҙ
    w ಺༰Λ෼ׂͯ͠ҰճΛ୹ͨ͘͠
    w ಺༰Λճ෼ʹ෼͚ͨɻճ͸࣌ؒҎ಺
    

    View Slide

22. ˜-:$PSQPSBUJPO
    ࢀՃͷϋʔυϧΛԼ͛Δ
    w εέδϡʔϧ͕߹Θͳͯ͘΋ࢀՃͷνϟϯεΛ࡞ͬͨ
    w ಉ͡಺༰Ͱෳ਺ճɺ೔ͱ࣌ؒΛ͔͑ͯ΍Δ
    w ࿥ըΛ഑৴ͯ͋͠ͱ͔ΒݟฦͤΔΑ͏ʹͨ͠
    w ࢀՃͰ͖ͳ͍ਓɺ৽͘͠ೖࣾͨ͠ਓ
    w νΣοΫ࣌࡞ۀʹݟฦͤΔͳͲ෭࣍తͳޮՌ΋͋ͬͨ
    

    View Slide

23. ˜-:$PSQPSBUJPO
    6*5"DDFTTJCJMJUZ#PPU$BNQ
    w ຖ݄ॳि
    w આ໌ձͷ࣮ࢪʷ
    w આ໌ձͰ͸ɺͦͷ݄ʹνΣοΫ͢Δର৅߲໨ʹ͍ͭͯղઆ
    w ݄಺ͷ೚ҙͷλΠϛϯά
    w ୲౰ऀ͕ର৅߲໨ͷνΣοΫΛ࣮ࢪ
    w ݄຤
    w νΣοΫঢ়گΛूܭ
    

    View Slide

24. ˜-:$PSQPSBUJPO
    6*5"DDFTTJCJMJUZ#PPU$BNQ
    

    View Slide

25. ˜-:$PSQPSBUJPO
    Ͳ͏ͳ͔ͬͨ
    w શମεέδϡʔϧ
    w ʙɹશճ։࠵
    w ໨ඪͱ݁Ռ
    w ࠷ॳͷ਺஋໨ඪ͸ɺظ຤Ͱ͋Δ݄຤ʹ6*5શମͰୡ੒
    w ແࣄୡ੒ɺ೥಺ˋୡ੒Λ໨ඪͰҾ͖ଓ͖ਐߦத
    w ΞΫηγϏϦςΟʹؔ͢Δίϛϡχέʔγϣϯ͕׆ੑԽ
    

    View Slide

26. ˜-:$PSQPSBUJPO
    Ͱ͖͍ͯͳ͍͜ͱ
    w 6*5͕ؔΘ͍ͬͯΔϓϩδΣΫτͷ͏ͪɺ6*5͕ରԠͰ͖Δ߲
    ໨ͷνΣοΫ͚͕ͩ׬ྃͨ͠ঢ়ଶ
    w ݟ͔ͭͬͨ໰୊ͷमਖ਼ɺର৅֎ͱ߲ͨ͠໨ͷνΣοΫͱमਖ਼ɺ
    6*5୲౰֎ͷϓϩδΣΫτ΁ͷܒ໤ɺ8FCྖҬ֎ͱͷ࿈܎ɺ
    ߹ซʹ൐͏Ϡϑʔͱͷ࿈܎ɺFUDʜ
    w Α͏΍͘า໨͕౿Έग़ͤͨͱ͜Ζ
    

    View Slide

27. ˜-:$PSQPSBUJPO
    ͜Ε͔Β΋
    ΞΫηγϏϦςΟ
    ΍͍ͬͯ͘
    

    View Slide

28. ˜-:$PSQPSBUJPO
    5IBOLZPV
    

    View Slide

29. ˜-:$PSQPSBUJPO
    Ԭ࡚থ඙
    ͓ ͔ ͟ ͖ ͋ ͖ ͻ ͜
    -*/&Ϡϑʔגࣜձࣾ
    6*5։ൃਪਐ෦෦௕
    GSPOUFOEEFTJHOBZ
    ࣗݾ঺հ
    

    View Slide

30. ˜-:$PSQPSBUJPO
    IUUQTXXXMZDPSQDPKQKBOFXTSFMFBTF
    

    View Slide

31. ˜-:$PSQPSBUJPO
    -*/&Ϡϑʔגࣜձࣾ
    IUUQTMJOFDPSQDPN IUUQTBCPVUZBIPPDPKQ
    

    View Slide

32. ˜-:$PSQPSBUJPO
    ݄ؒΞΫςΟϒϢʔβʔ
    -*/&#VTJOFTT(VJEF೥݄೥݄ظ :BIPP+"1"/ഔମࢿྉ೥݄
    

    View Slide

33. ˜-:$PSQPSBUJPO
    ͋ΒΏΔϢʔβʔ
    -*/&#VTJOFTT(VJEF೥݄೥݄ظ :BIPP+"1"/ഔମࢿྉ೥݄
    

    View Slide

34. ˜-:$PSQPSBUJPO
    ͞·͟·ͳ஍Ҭ
    -*/&#VTJOFTT(VJEF೥݄೥݄ظ :BIPP+"1"/ഔମࢿྉ೥݄
    

    View Slide

35. ˜-:$PSQPSBUJPO
    σόΠεɾ௨৴ճઢ
    -*/&#VTJOFTT(VJEF೥݄೥݄ظ :BIPP+"1"/ഔମࢿྉ೥݄
    

    View Slide

36. ˜-:$PSQPSBUJPO
    ਺ଟͷαʔϏεɾେن໛ΞΫηε
    -*/&#VTJOFTT(VJEF೥݄೥݄ظ :BIPP+"1"/ഔମࢿྉ೥݄
    

    View Slide

37. ˜-:$PSQPSBUJPO
    IUUQTXXXMZDPSQDPKQKBDPNQBOZ
    

    View Slide

38. ˜-:$PSQPSBUJPO
    ͞·͟·ͳ
    ஍ҬσόΠε
    ؀ڥ
    ଟछଟ༷ͳ
    ."6ଐੑ
    Ϣʔβʔ
    େن໛ͳ
    छྨΞΫηε
    αʔϏε
    ࣾձΠϯϑϥͱͯ͠ͷ੹೚
    
    ߴ·ΔΞΫηγϏϦςΟͷॏཁੑ
    

    View Slide

39. ˜-:$PSQPSBUJPO
    8FCΞΫηγϏϦςΟνʔϜ஀ੜ
    ೥݄೔
    
    

    View Slide

40. ˜-:$PSQPSBUJPO
    11։ൃάϧʔϓϓϩμΫτ։ൃ౷ׅຊ෦ϓϩμΫτ։ൃຊ෦
    ΞΫηγϏϦςΟΛઐ໳ͱ͢Δ૊৫
    6*5։ൃਪਐ෦
    

    ϑϩϯτΤϯυٕज़Λۦ࢖ͨ͠69ͱ%9ͷ࠷దԽ
    -*/&Ϡϑʔͷఏڙ͢ΔϓϩμΫτΛ͢΂ͯͷਓʹಧ͚Δ
    ຊ຿໊̎
    ݉຿໊̐
    1MBUGPSN։ൃνʔϜ 8FCΞΫηγϏϦςΟνʔϜ
    %FW0QTνʔϜ
    6*։ൃνʔϜ 8FCϑϩϯτٕज़νʔϜ
    8FCύϑΥʔϚϯενʔϜ
    

    View Slide

41. ˜-:$PSQPSBUJPO
    IUUQTUFDIWFSTFNFKBTFTTJPOT
    
    ࣾ಺ͷҙࣝΛม͍͑ͯ͘
    

    View Slide

42. ˜-:$PSQPSBUJPO
    IUUQTFOHJOFFSJOHMJOFDPSQDPNKBCMPHUFDIWFSTFXFCBZ
    
    վળͱڞ༗ΛੵΈॏͶͯ
    

    View Slide

43. ˜-:$PSQPSBUJPO
    ࣾ಺ษڧձ"Z.FFUVQ
    
    -*/&ʷϠϑʔͷγφδʔ
    

    View Slide

44. ˜-:$PSQPSBUJPO
    ΞΫηγϏϦςΟΛϓϩμΫτ։ൃͷڞ௨ೝࣝʹ
    

    View Slide

45. ˜-:$PSQPSBUJPO
    5IBOLZPV
    IUUQTXXXMZDPSQDPKQKBDPNQBOZNJTTJPO
    

    View Slide

46. ˜-:$PSQPSBUJPO
    

    View Slide