LINEギフトのLINEミニアプリアクセシビリティ改善事例

「クラスメソッドとLINEヤフーが語るLINEミニアプリのアクセシビリティ」で発表した資料です。

Transcript

1. ˜
   -:
   $PSQPSBUJPO -*/&Ϊϑτͷ-*/&ϛχΞϓϦ ΞΫηγϏϦςΟվળࣄྫ 
   Ϋϥεϝιουͱ-*/&Ϡϑʔ͕ޠΔ-*/&ϛχΞϓϦͷΞΫηγϏϦςΟ ܚౡ ѥ໳
2. ˜
   -:
   $PSQPSBUJPO  ࣗݾ঺հ ܚౡ ѥ໳ "NPO
   ,FJTIJNB ຊ຿ -*/&ΪϑτͷϑϩϯτΤϯυ։ൃ ݉຿ 8FCΞΫηγϏϦςΟνʔϜ ༨ஊ ઌ೔͓஀ੜ೔ͰίʔώʔͷΪϑτ݊Λ ͨ͘͞Μ΋Β͍·ͨ͠
3. ˜
   -:
   $PSQPSBUJPO  ࠓ೔࿩͢͜ͱ -*/&Ϊϑτͷ঺հ ΞΫηγϏϦςΟվળͷલʹʜલఏͷ࿩ -*/&ϛχΞϓϦͱͯ͠ఏڙ͍ͯ͠Δ-*/&Ϊϑτͷ ΞΫηγϏϦςΟͷվળࣄྫΛ঺հ
4. ˜
   -:
   $PSQPSBUJPO  -*/&Ϊϑτͱ͸ -*/&Ϊϑτ͸ɺ-*/&Λ௨ͯ͡ ༑ͩͪͱΪϑτΛଃΓ͋͏͜ͱ͕Ͱ͖Δ ίϛϡχέʔγϣϯαʔϏεͰ͢
5. ˜
   -:
   $PSQPSBUJPO  -*/&Ϊϑτͱ͸ ୅͕த৺Ͱ͋Δ΋ͷͷ ୅ͷར༻ऀ΋ঃʑʹ૿Ճ͍ͯ͠Δ ग़య
   IUUQTMJOFHJGUMJOFNFCVTJOFTTDPMVNODPMVNO
   ਤͷ഑৭ΛҰ෦ௐ੔͍ͯ͠·͢
6. ˜
   -:
   $PSQPSBUJPO  લఏͱͯ͠ʜ  -*/&Ϊϑτ΋-*/&ϛχΞϓϦ ͭ·Γ -*''Λ࢖ͬͯ࡞ΒΕ͍ͯΔ ΞΫηγϏϦςΟจ຺Ͱ͸ ϑΝʔετύʔςΟͳΒͰ͸ʜΈ͍ͨͳ͜ͱ͸΄ͱΜͲͳ͘ ଟ͘ͷ৔߹͸ࣾ֎ͰϛχΞϓϦΛ։ൃ͞Ε͍ͯΔΈͳ͞Μͱಉ͡؀ڥ
7. ˜
   -:
   $PSQPSBUJPO  લఏͱͯ͠ʜ  ࣮૷໘Ͱ͸େ͖͘มΘΒͳ͍ͱ͍͏࿩Λ͕ͨ͠ ΋ͪΖΜϑΝʔετύʔςΟʔͱͯ͠ఏڙ͍ͯ͠Δ-*/&ΪϑτͳΒͰ͸ͷҧ͍΋͋Δ ͨͱ͑͹ʜ-*/&ΞϓϦ͔Β-*/&ΪϑτΛ։͘ํ๏͸ͨ͘͞Μ͋Δ ɾ-*/&ެࣜΞΧ΢ϯτͷϝοηʔδ΍Ϧονϝχϡʔ ɾ஀ੜ೔ͷ༑ͩͪը໘ ɾτʔΫͷϓϥεϚʔΫΛԡ͢ͱग़ͯ͘Δϝχϡʔ ɾϗʔϜλϒ ɾ΢ΥϨοτλϒ
8. ˜
   -:
   $PSQPSBUJPO  લఏͱͯ͠ʜ  Ϣʔβʔࢹ఺Ͱ͸ϝοηϯδϟʔͷΠνػೳͱͯ͠ͷৼΔ෣͍Λظ଴͞Ε͍ͯΔ 6*ͷτϯϚφ΍ৼΔ෣͍͸Ұ؏ੑΛٻΊΒΕΔʜ ˠ -*/&Β͠͞Έ͍ͨͳ΋ͷΛେࣄʹ͢Δ͜ͱͰϢʔβʔͷೝ஌ෛՙΛԼ͛ΒΕΔ ωΠςΟϒΞϓϦͷதͷΠνػೳʜΈ͍ͨͳ࿩Λ͕ͨ͠8FC7JFXͷதͰಈ͘ͷͰ جຊతʹ͸ϞόΠϧ޲͚ͷ8FCΞϓϦέʔγϣϯ͕΍Δ΂͖ΞΫηγϏϦςΟΛҙࣝ͢Ε͹͍͍ ීஈ͔ΒΞΫηγϏϦςΟΛߴΊΔ͜ͱΛҙ͍ࣝͯ͠Δͱ Ϣʔβʔ΍ར༻؀ڥͷมԽʹରͯ͠దԠྗ΍ॊೈੑΛߴΊΒΕΔ
9. ˜
   -:
   $PSQPSBUJPO  վળࣄྫλϒόʔͷࢹೝੑΛվળ ඇΞΫςΟϒͳλϒͷදݱʹΞΫηγϏϦςΟ্ͷ໰୊͕͋ͬͨͷͰվળ ɾ੖؟ऀ΋ύοͱݟͯΘ͔Γ΍͍͢Α͏ʹվળͰ͖ͨ ɾ8$"(
   
   ͷ͏ͪ ৭ͷ࢖༻ 
   
   ίϯτϥετ ɾϧοΫΞϯυϑΟʔϧ΋-*/&ΞϓϦʹ͍ۙͮͨ վળલ վળޙ ࢀߟ
   -*/&ΞϓϦͷλϒόʔ
10. ˜
    -:
    $PSQPSBUJPO  ΞΫηγϏϦςΟվળϓϩδΣΫτൃ଍ ΤϯδχΞ 
    σβΠφʔ 
    اը 
    2"
    ͷͭͷϩʔϧͷ୅දऀ͕ू·ͬͯ -*/&ΪϑτͷΞΫηγϏϦςΟվળΛ͢͢ΊΔϓϩδΣΫτ શࣾͰల։͞Ε͍ͯΔΞΫηγϏϦςΟΨΠυϥΠϯΛड͚ͯ Կͷվળ͔Βணख͍͔ͯ͘͠Λٞ࿦ͨ͠ ௚ۙͰ͸ը૾ͷ୅ସςΩετΛͪΌΜͱ͍ͯ͜͠͏ͱ͍͏ํ޲ੑʹ
11. ˜
    -:
    $PSQPSBUJPO  ୅ସςΩετͷαϙʔτΛ֦େ ಺੡ͷ$.4Λ࢖֤ͬͯछόφʔ΍ը૾ͷೖߘΛߦ͍ͬͯΔ͕ ɾ೥͔Β͋ΔαʔϏεͳͷͰɺ౰ॳͷઃܭͰ͸୅ସςΩετػೳ͕ͳ͍Օॴ͕͋ͬͨ ɾ୅ସςΩετ͕͋ΔՕॴͰ΋จࣈ਺ͷ੍ݶ͕࣮ଶʹ߹͍ͬͯͳ͍Օॴ΋͋ͬͨ ͜ΕͷվળΛॱ࣍ਐΊ͍ͯΔ ɾը૾ͷ୅ସςΩετΛೖߘՄೳʹ͢Δ ɾ͢ͰʹೖߘՄೳͳՕॴ͸ จࣈ·Ͱ֦େ͢Δ
12. ˜
    -:
    $PSQPSBUJPO  ୅ସը૾Λ"*ʹࢧԉͯ͠΋Β͏औΓ૊Έ γεςϜతʹ୅ସςΩετΛਖ਼͍͠ܗͰೖߘͰ͖ΔΑ͏ʹͳͬͨ ͦͷ࣍͸͍Α͍Αӡ༻ϑΣʔζ จࣈ਺͕ଟ͍ը૾ͳͲɺೖྗ͢Δਓͷख͕ؒ૿͑Δ໰୊ʹ "*ͷࢧԉΛड͚ΒΕͳ͍͔ࢼݧతʹऔΓ૊ΈΛ͸͡Ί͍ͯΔ ؔ࿈
    "DDFTTJCJMJUZ
    PG
    NBDIJOF
    MFBSOJOH
    BOE
    HFOFSBUJWF
    "*
13. ˜
    -:
    $PSQPSBUJPO  ো֐౰ࣄऀͷํʹ΋֬ೝͯ͠΋Β͏औΓ૊Έ ࣮ػͰಈ࡞Λ֬ೝ͢Δͷ͸େࣄͳͷͱಉ͡Α͏ʹ ো֐ͷ͋Δํ͕࢖͑Δ͔࣮ࡍʹ֬ೝ͢Δͷ΋େࣄ ࣾ಺Ͱಇ͘ࢹ֮ʹো֐ͷ͋Δํʹ -*/&ΪϑτΛ࢖ͬͯ΋Βͬͯ ՝୊ͷચ͍ग़͠΍νʔϜʹೝࣝΛ࣋ͬͯ΋Β͏ ग़య
    IUUQTUFDICMPHMZDPSQDPKQKBB
14. ˜
    -:
    $PSQPSBUJPO  ϛχΞϓϦͷ֎Ͱ΋վળΛਐߦத ࣾ֎ͷํͩͱ͢Ͱʹར༻Ͱ͖ΔػೳʢΞΫγϣϯϥϕϧʣ ϛχΞϓϦͷେࣄͳಈઢͰ͋ΔϦονϝχϡʔͷ ಡΈ্͕͛63-ʹͳ͍ͬͯΔ໰୊͕͋Δ ࣾ಺Ͱ࢖͍ͬͯΔ؅ཧπʔϧ͕ ΞΫγϣϯϥϕϧͷઃఆʹରԠ͍ͯ͠ͳ͔ͬͨͷͰ ։ൃνʔϜʹରԠΛґཔɺۙ೔ϦϦʔε༧ఆ ४උ͕Ͱ͖࣍ୈ-*/&Ϊϑτͷ-*/&ެࣜΞΧ΢ϯτͷվળ༧ఆ
15. ˜
    -:
    $PSQPSBUJPO  ·ͱΊ Ϣʔβʔࢹ఺Ͱ͸8FCͬΆ͘ͳ͍ɺΞϓϦͬΆ͍6*69Λఏڙ͍ͯ͠Δ͔΋͠Εͳ͍͕ αʔϏεఏڙऀࢹ఺Ͱ͸8FCΞϓϦͰ͋Δͱ͍͏େݪଇΛҙࣝ͢Δͱ͍Ζ͍Ζಈ͖΍͍͢ ɾ8FCΞϓϦͷΞΫηγϏϦςΟͷφϨοδ͸ͨ͘͞Μ͋Δ͠Έͳ͞Μৄ͍͠͸ͣ ɾ࣮ػͰڍಈΛ֬ೝ͢Δ͜ͱ͸΍ͬͺΓେࣄ ɾՄೳͳΒ౰ࣄऀͷํʹ΋࢖ͬͯΈͯ΋Β͏͜ͱ͸େࣄ ΞΫηγϒϧͳαʔϏεΛӡ༻͠ଓ͚ΒΕΔ࢓૊Έ΍૊৫ͷମ੍΋େࣄ
16. ˜
    -:
    $PSQPSBUJPO 5IBOL
    :PV