「すべて」の人にWebコンテンツの価値を届ける品質 / readable_na_cybozu_191102

2019年11月2日「リーダブルな昼下がり」で発表したスライドです：
https://readable-na.connpass.com/event/145881/

Transcript

2. ʮ͢΂ͯʯͷਓʹ 8FCίϯςϯπͷՁ஋Λಧ͚Δ඼࣭ খྛେี αΠϘ΢ζגࣜձࣾ ΞΫηγϏϦςΟΤΩεύʔτ
3. ೥ αΠϘ΢ζגࣜձࣾ ৽ଔೖࣾˠϓϩάϥϚʔ ೥ ΞΫηγϏϦςΟΤΩεύʔτ݉೚ ೥ ΞΫηγϏϦςΟΤΩεύʔτઐ೚ ΢ΣϒΞΫηγϏϦςΟج൫ҕһձ 8(ҕһ झຯɿଠޑͷୡਓɺΧϑΣɺϥʔϝϯɺόΠΫ খྛେีʢ!TVLPZBLBSJ[VNVʣ
4. αΠϘ΢ζ
   άϧʔϓ΢ΣΞͷ։ൃ ϝοηʔδ ϑΝΠϧ؅ཧ εέδϡʔϧ ϫʔΫϑϩʔ ձٞࣨ༧໿
5. ձࣾ঺հ
7. αΠϘ΢ζͷཧ૝ νʔϜϫʔΫ͋;ΕΔࣾձΛ૑Δ
8. ΞΫηγϏϦςΟͱ͸ͳΜͩΖ͏ʁ
9. ΞΫηγϏϦςΟ 
   ো֐ऀͷͨΊͷಛผରԠʁ
10. ো֐ %JTBCJMJUZ ͱ͸ͳʹ͔ʁ
11. ंҜࢠϢʔβ͕ҿ৯ళʹೖΔͱ͖
12. ໨͕ݟ͑ͳ͍ਓ͕௨ۈ͢Δͱ͖
13. • ࣗ෼ࣗ਎͕౒ྗͯ͠ղܾ͢Δ • पΓͷ؀ڥΛվળͨ͠ΓɺपΓͷਓͷৼΔ෣͍Ͱղܾ͢Δ ໰୊ͷղܾํ๏ͱো֐ %JTBCJMJUZ
14. %JTBCJMJUZͱ͸ɺਓؒʹͱͬͯ௨ৗͷൣғ಺Ͱߦಈ͢ΔͨΊͷ ೳྗ͕ɺ৺਎ͷܽଛͷ݁Ռͱͯ͠ɺ੍ݶɾෆ଍͍ͯ͠Δ͜ͱ 8)0ͷ %JTBCJMJUZ
    ͷఆٛ  %JTBCJMJUZ
    JT
    BOZ
    SFTUSJDUJPO
    PS
    MBDL
    PG
    BCJMJUZ
    SFTVMUJOH
    GSPN
    BO
    JNQBJSNFOU
    UP
    QFSGPSN
    BO
    BDUJWJUZ
    JO
    UIF
    NBOOFS
    PS
    XJUIJO
    UIF
    SBOHF
    DPOTJEFSFE
    OPSNBM
    GPS
    B
    IVNBO
    CFJOH ʢখྛ༁ʣ
15. %JTBCJMJUZͱ͸݈߁໰୊͚ͩͰ͸ͳ͍ɻ͜Ε͸ෳࡶͳݱ৅Ͱ͋Γ ਓؒͷ਎ମͷಛ௃ͱࣾձͱͷ૬ޓ࡞༻Λ൓өͨ͠΋ͷͰ͋Δ 8)0ͷ %JTBCJMJUZ
    ͷఆٛ ݱࡏ %JTBCJMJUZ
    JT
    OPU
    KVTU
    B
    IFBMUI
    QSPCMFN
    *U
    JT
    B
    DPNQMFY
    QIFOPNFOPO
    SFGMFDUJOH
    UIF
    JOUFSBDUJPO
    CFUXFFO
    GFBUVSFT
    PG
    B
    QFSTPO`T
    CPEZ
    BOE
    GFBUVSFT
    PG
    UIF
    TPDJFUZ
    JO
    XIJDI
    IF
    PS
    TIF
    MJWFT ʢখྛ༁ʣ
16. https://www.microsoft.com/design/inclusive/
17. %JTBCJMJUZ͸ࣗ෼ʹؔ܎ͳ͍ͷ͔ʁ ো֐ऀ ࣗ෼
18. ʮಇ͖ํͷଟ༷Խʯͷઌʹى͍ͬͯ͜Δ͜ͱ ਓ௨Γͷಇ͖ํ
19. • ࡏ୐ۈ຿0, • ࣌ࠩग़ۈ0, • ࣌୹ۈ຿0,ʢҭࣇɾհޢͳͲʣ • ෭ۀɾෳۀ0, ಇ࣌ؒ͘ͱ৔ॴΛࣗ༝ʹ
20. • ͨ͘͞Μͷࠃ಺ڌ఺ւ֎ڌ఺ • ίϫʔΩϯάεϖʔε • ςϨϏձٞΛ࢖ͬͯෳ਺ਓͰσβΠϯɾϓϩάϥϛϯά ଟڌ఺ԽɾάϩʔόϧԽ
21. • ίϛϡχέʔγϣϯΛଅ͢นͷͳ͍ΦϑΟε • ެ໌ਖ਼େͳٞ࿦Λଅ͢֎͔Βݟ͑Δձٞࣨ • ϗϫΠτϘʔυʹΑΔίϛϡχέʔγϣϯ ΦʔϓϯΦϑΟε
22. ʮଟ༷ͳಇ͖ํʯ͕΋ͨΒ͢%JTBCJMJUZ
23. ςϨϏձٞʹΑΔ%JTBCJMJUZ • ૬खͷԻ੠͕ฉ͑͜ͳ͍ɾԻ੠͕഑৴Ͱ͖ͳ͍ • ૬खͷө૾͕ݟ͑ͳ͍ɾө૾͕഑৴Ͱ͖ͳ͍ • ෺ཧతͳܝࣔ෺͕֬ೝͰ͖ͳ͍ • ͪΐͬͱͨ͠࿩୊Ͱ࿩͔͚ͮ͠Β͍ • ෳ਺ਓͰࡶஊͰ͖ͳ͍
24. ΦʔϓϯΦϑΟεʹΑΔ%JTBCJMJUZ • ۀ຿தͷձ࿩΍ి࿩ͷԻ੠ʹूத͕๦͛ΒΕΔ • ࢹքʹਓ͕ೖͬͯؾ͕ࢄΔ • ϗϫΠτϘʔυ͕अຐͰҠಈͮ͠Β͍
25. ҭࣇɾհޢʹΑΔ%JTBCJMJUZ • อҭԂ͔Βͷి࿩Ͱ࡞ۀ͕தஅ͞ΕΔ • ѱఱީͷ೔ͷࢠڙͷؼΓ͕৺഑ • ୹࣌ؒͰࡉ੾Εʹ͔͠࡞ۀͰ͖ͳ͍ • ਭ຾ෆ଍΍ർ࿑Ͱ࡞ۀʹूதͰ͖ͳ͍
26. άϩʔόϧԽʹΑΔ%JTBCJMJUZ • ͕࣌ࠩ͋ΓϦΞϧλΠϜʹ΍ΓͱΓͰ͖ͳ͍ • ձٞͰൃݴͰ͖ͳ͍ • ϓϨθϯͷ಺༰͕ཧղͰ͖ͳ͍ • पғͷਓ͕স͍ͬͯΔδϣʔΫ͕ཧղͰ͖ͳ͍ • จষΛಡΉͷʹ͕͔͔࣌ؒΔ
27. ಈ͘ ࿩͢ ฉ͘ ूத͢Δ ಡΉ ݟΔ ϩʔϏδϣϯ ೉ௌ ݴޠো֐ ࢶମෆࣗ༝ શ໡ Ζ͏ "%)% ࠎંɾոզ ͏ͭ σΟεϨΫγΞ
28. ಈ͘ ࿩͢ ฉ͘ ूத͢Δ ಡΉ ݟΔ ϩʔϏδϣϯ ೉ௌ ݴޠো֐ ࢶମෆࣗ༝ શ໡ Ζ͏ "%)% ന಺ো ࿝Խ ࠎંɾոզ ࡶԻ ෩अ ւ֎ग़ு ࡏ୐ϫʔΫ ͏ͭ ೔ޫԼ σΟεϨΫγΞ ٸͳ༧ఆ ҭࣇத ຬһిं ӡసத ӳจ ૽Ի ੩Ի؀ڥ
29. https://www.amazon.co.jp/dp/B07PFNRPQF/
30. ඪ४తͳϢʔβʔͳͲ͍ͳ͍ͳΒɺۃ୺ͳϢʔβʔ΋͍ͳ͍ɻ ۂઢͷ୺ʹҐஔ͢ΔਓؒͳͲ͍ͳ͍ɻඇඪ४తͳγφϦΦ΋ͳ͍ɻ Τοδέʔε΋ͳ͍ɻ ͦΕΑΓ΋ɺਓؒͷଟ༷ੑΛද͠ɺฏۉਓͷͨΊʹσβΠϯ͢Δ ڽΓݻ·ͬͨश׳ʹҟΛএ͑Δ৽͍͠πʔϧ͕ඞཁͳͷͩɻ
31. ϖϧιφɾεϖΫτϥϜ ݟΔ ߃ৗత ന಺ো ௿଎ճઢ ࡏ୐ϫʔΫ ฉ͘ ೉ௌ தࣖԌ ෩अ ւ֎ग़ு ిंͰҠಈத શ໡ Ұ࣌త ঢ়گత
32. 
    4PMWF
    GPS
    POF
    FYUFOE
    UP
    NBOZ 
33. ܦݧͨ͠%JTBCJMJUZͷେ͖͞ɾਂࠁ͕ͦ͜͞ʮͷΓ͠Ζʯ
34. • ΦϑΟεσβΠϯͷଟ༷Խ • 73"3ٕज़ͷൃల • ෳۀͷҰൠԽ • ϫʔΫγΣΞϦϯά • ௒ߴྸԽࣾձ • μΠόʔγςΟܦӦ • ϩϘοτɾ"*ɾࣗಈӡస • ςΟʔϧ૊৫ɾϗϥΫϥγʔ কདྷɺࢲͨͪ͸ͲͷΑ͏ʹಇ͍͍ͯΔͷͩΖ͏ʁ
35. Θͨͨͪ͠ͷະདྷͷ՝୊͸ ࠷΋େ͖ͳϛεϚονΛܦݧ͍ͯ͠Δਓ͕஌͍ͬͯΔ
36. *5ͷ ଟ༷ੑ ਎ମతͳ ଟ༷ੑ ಇ͖ํͷ ଟ༷ੑ ͢΂ͯͷଟ༷ੑ͸ͭͳ͕͍ͬͯΔ
38. "DDFTTJCJMJUZ
    
    "DDFTT
    
    "CJMJUZ
39. Ϣʔβ͸ɺΘͨͨͪ͠ͷ੡඼ʹΞΫηε͢Δ͜ͱͰ ԿʹΞΫηε͠Α͏ͱ͍ͯ͠Δͷ͔ʁ
40. ユーザ サイボウズ製品 チーム
41. αΠϘ΢ζʹͱͬͯɺΞΫηγϏϦςΟͱ͸ ʮϢʔβ͕νʔϜʹΞΫηεͰ͖Δೳྗʯ
42. ΞΫηγϏϦςΟΛ֬อ͢Δ͜ͱ͸ ʮνʔϜʹࢀՃ͍ͨ͠ʯͱ͍͏ ϢʔβͷͶ͕͍Λଚॏ͢Δ͜ͱ
43. ʮνʔϜʹࢀՃ͍ͨ͠ʯͱ͍͏Ͷ͕͍͚͕ͩ ࢲͨͪͷϢʔβ͔Ͳ͏͔ͷ൑அج४
45. Ͳ͏͢Ε͹%JTBCJMJUZ͔Βղ์Ͱ͖Δʁ
46. • ๏཯ɾ੍౓ͷน • ෩౔ɾจԽͷน • ෺ཧత؀ڥͷน • *$5ɾ8FCͷน ࢲཱ͕ͨͪͪ޲͔Θͳ͚Ε͹ͳΒͳ͍͜ͱ
47. ΞΫηγϏϦςΟ 
    ো֐ऀͷͨΊͷಛผରԠʁ
48. 8FC͸ͲΜͳʮ͔ͨͪʯʁ
54. • ϏδϡΞϧϒϥ΢β • εϚʔτϑΥϯ • ݕࡧΤϯδϯͷݕࡧ݁Ռ • εΫϨΠϐϯάαʔϏε • ςΩετϒϥ΢β • ఺ࣈσΟεϓϨΠ • εΫϦʔϯϦʔμʔ • 7PJDF6* • εϚʔτ΢Υον • ະདྷͷσόΠε 8FCίϯςϯπͷʮ͔ͨͪʯ͸͞·͟·
55. 8FCίϯςϯπ͕ϢʔβʹʮΞΫηεʯ͞ΕΔ·Ͱ ੍࡞ऀ Ϣʔβ ϋʔυ΢ΣΞ ʢ1$ɾεϚϗʜ ιϑτ΢ΣΞ ϒϥ΢βʜʣ ೖग़ྗ ػث
56. 8FCίϯςϯπ͕ϢʔβʹʮΞΫηεʯ͞ΕΔ·Ͱ ੍࡞ऀ Ϣʔβ ϋʔυ΢ΣΞ ʢ1$ɾεϚϗʜ ιϑτ΢ΣΞ ϒϥ΢βʜʣ ೖग़ྗ ػث ײ֮৘ใ ʢࢹ֮ɾௌ֮ɾ৮֮ʜʣ 8FCٕज़ )5.-ɾ$44ɾ+4ʜ
57. ΞΫηγϏϦςΟͷ̎ͭͷཁૉ Ϛγϯ ϦʔμϏϦςΟ ώϡʔϚϯ ϦʔμϏϦςΟ ੍࡞ऀ Ϣʔβ
58. • ʮػցʯʹͱͬͯղऍ͠΍͍͔͢ • ʮػցʯ͕ਖ਼͘͠ղऍ͢Ε͹ɺ෯޿͍දݱʹม׵Ͱ͖Δ ϚγϯϦʔμϏϦςΟ
59. • ਖ਼֬ͳϖʔδλΠτϧΛॻ͘ • ਖ਼֬ͳϦϯΫςΩετΛॻ͘ • ը૾ʹ୅ସςΩετΛॻ͘ ਖ਼֬ͳςΩετΛॻ͘
60. • ϥϯυϚʔΫʹ͸IFBEFSGPPUFSNBJOʜ࢖͏ • ݟग़͠ʹ͸IIʜΛ࢖͏ • ϦϯΫʹ͸BΛ࢖͏ • Ϙλϯʹ͸CVUUPOΛ࢖͏ • Ϧετʹ͸VMPMMJʜΛ࢖͏ ςΩετʹਖ਼͍͠ҙຯΛ༩͑Δ
61. • ʮਓʯʹͱͬͯɺݟ΍͘͢ɾૢ࡞͠΍͘͢ɾΘ͔Γ΍͍͔͢ ώϡʔϚϯϦʔμϏϦςΟ
62. ը໘ͷେ͖͞΍޲͖ʹΑΒͣɺΘ͔Γ΍͘͢දࣔ͢Δ
63. ֦େॖখͯ͠΋Θ͔Γ΍͘͢දࣔ͢Δ
64. ৭͚ͩʹཔΒͣදݱ͢Δ
65. 
    
     
    
     
    
     " " " " " " " " " " ͸͖ͬΓ͖ͬ͘Γͨ͠৭Λ࢖͏
66. ೖྗ͢΂͖಺༰΍ΤϥʔΛΘ͔Γ΍͘͢͢Δ TVLPZBLBSJ[VNʜ ϝʔϧΞυϨε ******** ύεϫʔυ TVLPZBLBSJ[VNV!HNBJMDPN ϝʔϧΞυϨε ******** ύεϫʔυ Τϥʔ ύεϫʔυ͸จࣈҎ্Ͱ͢ ඞਢ
67. • ը໘ͷେ͖͞΍޲͖ʹΑΒͣɺΘ͔Γ΍͘͢දࣔ͢Δ • ֦େॖখͯ͠΋ɺΘ͔Γ΍͘͢දࣔ͢Δ • ৭͚ͩʹཔΒͣදݱ͢Δ • ͸͖ͬΓ͖ͬ͘Γͱͨ͠৭Λ࢖͏ • ೖྗ͢΂͖಺༰΍ΤϥʔΛΘ͔Γ΍͘͢͢Δ • ूதΛ๦͛ΔදݱΛճආͰ͖ΔΑ͏ʹ͢Δ ώϡʔϚϯϦʔμϏϦςΟͷ۩ମྫ
70. ΞΫηγϏϦςΟ 
    ো֐ऀͷͨΊͷಛผରԠʁ
71. ΞΫηγϏϦςΟ 
    8FCຊདྷͷྗΛ׆͔͖͠Δ͜ͱ
72. 8FCͷྗ͸ͦͷීวੑʹ͋Δɻ %JTBCJMJUZʹ͔͔ΘΒͣɺ͢΂ͯͷਓ͕ΞΫηεͰ͖Δ͜ͱ͕ 8FCͷຊ࣭ͳͷͩɻ 8FC૑ઃऀͷݴ༿ 5IF
    QPXFS
    PG
    UIF
    8FC
    JT
    JO
    JUT
    VOJWFSTBMJUZ
    "DDFTT
    CZ
    FWFSZPOF
    SFHBSEMFTT
    PG
    EJTBCJMJUZ
    JT
    BO
    FTTFOUJBM
    BTQFDU 5JN
    #FSOFST-FF
    8$
    %JSFDUPS
    BOE
    JOWFOUPS
    PG
    UIF
    8PSME
    8JEF
    8FC ʢখྛ༁ʣ
73. • ো֐ʢ%JTBCJMJUZʣͱ͸ɺݸਓͱࣾձͷϛεϚονͷ͜ͱ • ղܾͷ伴͸ɺ࠷΋େ͖ͳϛεϚονΛܦݧͨ͠ਓ͕Ѳ͍ͬͯΔ • ΞΫηγϏϦςΟ͸ɺ8FCຊདྷͷྗΛ׆͔͖͠Δ͜ͱ ·ͱΊ
74. ࣭໰ʁ