クラウドワークスのみんなでやってる アクセシビリティ

クラウドワークスでのアクセシビリティ勉強会で、「アクセシビリティとは」や各事業部のアクセシビリティの取り組みについて発表し合いました。

Transcript

1. CrowdWorks Inc.ʛ Ϋϥ΢υϫʔΫεͷ ΈΜͳͰ΍ͬͯΔ ΞΫηγϏϦςΟ
2. CrowdWorks Inc.ʛ 2 εϐʔΧʔʹ͍ͭͯ ͷ· 2 • 2022೥7݄1೔ೖࣾʢաڈಉࣾͰ1೥UXσβΠφʔͷΠϯ λʔϯʣ • Ϋϥ΢υϫʔΫε.jpͷσβΠφʔ ◦ τοϓϥΠϯͷࢪࡦνʔϜ ◦ σβΠϯγεςϜ ◦ σβΠϯάϧʔϓͷ͋Ε͜Ε • WebΞϓϦέʔγϣϯΞΫηγϏϦςΟྠಡձ • shuffle1on1 etc.
3. CrowdWorks Inc.ʛ 3 ΞΫηγϏϦςΟʹର͢ΔϞνϕʔγϣϯɾߟ͑ʢͷ·ͷ৔߹ʣ • σβΠϯΛֶͼɺσβΠϯγεςϜΛ࡞͍ͬͯͨΒελΠϧΛߟྀ͢ΔࡍʹΑΓσ βΠϯɾ։ൃ໘͔Βڵຯ͕༙͍ͨ • ”ࣾձ՝୊Λղܾ͢Δ”ʹϞνϕʔγϣϯ͕͋ΓɺΞΫηγϏϦςΟ΋େࣄͩͱࢥͬ ͨ • ϛογϣϯϏδϣϯ͔ΒɺΫϥ΢υϫʔΫεͰ΍Δ͜ͱͷҙٛΛݟग़ͨ͠ • কདྷͲ͏ͳΔ͔Θ͔Βͳ͍ɻΈΜͳ͍͔ͭ͞·͟·ͳࠔ೉͸૿͑ΔՄೳੑ͕͋ Δɻࣗ෼ʢ΋ΈΜͳ΋ʣ͕ࠔΔ 4
4. CrowdWorks Inc.ʛ ʢWebʣΞΫηγϏϦςΟͱ͸ʁ
5. CrowdWorks Inc.ʛ 5 6 ϢʔβʔΤΫεϖϦΤϯεͷ޲্ ࣾձత੹೚ ๏ཁ݅ͱن੍ʢো֐ऀࠩผղফ๏ʣ΁ͷରԠ Ϋϥ΢υϫʔΫεͷMissionͱVisionͷඥ෇͚ ద੾ͳ։ൃʹΑΔੜ࢈ੑͷ޲্ SEOରࡦ ࣄۀͷػձଛࣦͷ཈੍ ѹ͕͋Δ ߟ͑Δ͜ͱ͕ଟ͍
6. CrowdWorks Inc.ʛ 6 ࠞཚ͠·͢Ͷʁ؆୯ʹఆ͚ٛͩ͝঺հ 8
7. CrowdWorks Inc.ʛ 7 ΞΫηγϏϦςΟͱ͸ʁ ಛఆͷো͕͍Λ࣋ͭਓ͚ͨͪͩͰͳ͘ɺߴྸऀ΍Ұ࣌తͳো͕͍ʢࠔ೉ʣΛ࣋ͭਓ ͨͪ΋ؚΊͯ͋ΒΏΔਓ͕৘ใʹΞΫηεͰ͖ΔΑ͏ʹ͢ΔͨΊͷॏཁͳऔΓ૊Έ 9 Accessibility = Access + Ability ΞΫηγϏϦςΟ ΞΫηε ΞϏϦςΟ ۙͮ͘ɾΞΫηε͢Δ ೳྗɾͰ͖Δ͜ͱ
8. CrowdWorks Inc.ʛ 8 WebΞΫηγϏϦςΟͱ͸ʁ ΑΓଟ͘ͷϢʔβʔ͕ɺΑΓଟ͘ͷར༻؀ڥ͔ΒɺΑΓଟ͘ͷ৔໘΍ঢ়گͰɺWebίϯςϯπ Λ࢖͑ΔΑ͏ʹ͢Δ͜ͱɻʢ※ʣ 10 ೳྗ΍؀ڥʹؔΘΒͣશͯͷਓ͕ɺಉ͡৘ใΛಘΒΕΔΑ͏ʹ͢Δ
9. CrowdWorks Inc.ʛ 9 ΞΫηε͠΍͍͢ʹΞΫηγϏϦςΟͷ جຊ͕ͳ͍ͱͦ΋ͦ΋αʔϏεͷՁ஋Λಧ͚ʹ͍͘ 11
10. CrowdWorks Inc.ʛ ࠔΓ͝ͱࣄྫ ো֐΍ར༻ࠔ೉ͳঢ়ଶʹ͋Δ͕ͨΊʹى͜ΔࠔΓ͝ͱ
11. CrowdWorks Inc.ʛ 11 ো֐΍ར༻ࠔ೉ͳঢ়ଶʹ͋Δ͕ͨΊʹى͜ΔࠔΓ͝ͱ • ࢹ֮ɾ৭֮ো֐ऀɾߴྸऀ΁ͷσβΠϯελΠϧͷ௿഑ྀ 13 ݟ͑ͳ͍...
12. CrowdWorks Inc.ʛ 12 ো֐΍ར༻ࠔ೉ͳঢ়ଶʹ͋Δ͕ͨΊʹى͜ΔࠔΓ͝ͱ • ࢹ֮ো֐ɾϩʔϏδϣϯΛ࣋ͭํ΁ͷεΫϦʔϯϦʔμʔඇରԠ 14 ɾɾɾ
13. CrowdWorks Inc.ʛ 13 ো֐΍ར༻ࠔ೉ͳঢ়ଶʹ͋Δ͕ͨΊʹى͜ΔࠔΓ͝ͱɾରࡦ 15 ΞΫηγϏϦςΟͷͨΊͷσβΠϯ ϙελʔ ো֐͸਎ମతͳ΋ͷ͚ͩͰ͸ͳ͍ ҎԼͷΑ͏ͳ͜ͱΛ͠ͳ͍Α͏ɺ ഑ྀ͕ඞཁ • ඈͼઌ͕ᐆດͳ໊শͷϦϯΫ ͷઃஔ • উखʹΞχϝʔγϣϯΛ࿈ଓ͠ ͯྲྀ͠ଓ͚Δ • αϙʔτ΍ϔϧϓʹΞΫηε͠ ʹ͘͘͢Δ
14. CrowdWorks Inc.ʛ ো֐Λ࣋ͭํͱ ΞΫηγϏϦςΟ ো֐Λ࣋ͭํ͸ͲͷΑ͏ʹ΢ΣϒίϯςϯπΛ ར༻͍ͯ͠Δ͔ʁ
15. CrowdWorks Inc.ʛ 15 ো͕͍Λ࣋ͭํͷར༻ঢ়گ • ऑࢹͷͨΊʹը໘Λେ͖֦͘େͯ͠ར༻ 17
16. CrowdWorks Inc.ʛ ো͕͍ऀ౰ࣄऀ͔Βݟͨ ΞΫηγϏϦςΟʹର͢Δ Ϟνϕʔγϣϯɾߟ͑ 16
17. CrowdWorks Inc.ʛ 17 ͋΍ͷͷ৔߹ • ௌ֮ো͕͍͕͋Γɺௌ֮Ͱ͸ಘΒΕͳ͍৘ใΛಘ͍ͨ • ͦ͏͍͏࣌ʹͲ͏͍͏ΞΫηγϏϦςΟ͕͋Δ͔ • ࣈນˠௌ֮ো͕͍ऀ͚ͩʹศར͔ߟ͑ͯΈΔ • ߴྸऀʹ΋ɺ΋ͬͱݴ͑͹શһֶ͕ͼʹ΋࢖͑ͨΓ͢Δ →ࣗ෼ࣗ਎ʹରͯ͠ΞΫηγϏϦςΟΛ࢖͏͚ͩͰɺपғ΋Θ͔Γ΍͘͢ͳͬͨΓ͢Δ৔߹͕ ͋Δ ݁ՌతʹΈΜͳwin-winʹͳΔͳΒ΍ͬͨํ͕ྑ͍ͱࢥ͏ ΍Βͣʹ݁ہωΨςΟϒʹͳΔ͘Β͍ͳΒ΍͔ͬͯΒωΨςΟϒ෦෼Λߟ͑ͨํ͕Growthʹ ͳΔ 19
18. CrowdWorks Inc.ʛ ֤ࣄۀ෦ʹ͓͚Δ ΞΫηγϏϦςΟऔΓ૊Έ Ϋϥ΢υϫʔΫε.jpɺΫϥ΢υςοΫɺϏζΞγɺΫϥ΢υϦϯ ΫεʢϦϯΫεΤʔδΣϯτʣɺςοΫμΠϨΫτ
19. CrowdWorks Inc.ʛ 19 Ϋϥ΢υϫʔΫε.jp normanͱ͸Ϋϥ΢υϫʔΫε.jpͰ࡞੒͍ͯ͠ΔʮσβΠϯγ εςϜʢ※ʣʯ σβΠϯɿnormanͱΞΫηγϏϦςΟ σβΠϯγεςϜΛɺΞΫηγϒϧʹ࡞Δ͜ͱͰαʔϏ εͷΞΫηγϏϦςΟͷ޲্ʹ΋ܨ͕Δɻ
20. CrowdWorks Inc.ʛ 20 Ϋϥ΢υϫʔΫε.jp ΧϥʔίϯτϥετΛҙࣝ͠ΧϥʔύϨοτΛ࡞੒ WCAGʢ※ʣͷج४ʮAAʯΛΫϦΞͨ͠΋ͷ͕ normanͷΧϥʔύϨοτʹɻ →ίϯτϥετൺ͕௿͍͕ͨΊʹը໘಺͕ݟʹ͍͘ ໰୊ͷҰͭΛղܾ σβΠϯɿnormanͱΞΫηγϏϦςΟ
21. CrowdWorks Inc.ʛ 21 23 normanͷΧϥʔͷελΠϧΨΠυͷݱঢ় Χϥʔίϯτϥετʹ೰·ͣɺσβΠϯૉࡐΛ࡞ΕΔΑ͏ʹͳΓ·ͨ͠ʂ Color palette ʢৄ͘͠͸ #σβΠϯ ج൫ ϝϯόʔ΁ʣ Thema Color
22. CrowdWorks Inc.ʛ 22 ͦͷ΄͔ʹ΋σβΠϯ໘Ͱͷ normanͷΞΫηγϏϦςΟऔΓ૊Έ͸ ͋Γ·͕͢ࠓճ͸ׂѪ.. 24
23. CrowdWorks Inc.ʛ 23 Ϋϥ΢υϫʔΫε.jp ΦϯϥΠϯͷΞΫηγϏϦςΟࢼݧձʹࢀՃͨ͠ܦ ݧΛ׆͔ͯ͠νΣοΫͯ͠ΈΔ TOPϖʔδɺϩάΠϯϖʔδɺձһϝʔϧΞυϨε ొ࿥ը໘ͷ̏ͭΛνΣοΫ ໰୊఺ΛGitHub Projectʹొ࿥ͯ͠ݟ͑ΔԽ هࣄɿΫϥ΢υϫʔΫεͷWebΞΫηγϏϦςΟ νΣοΫΛ࢝ΊͯΈͨʯ ಠࣗͰWebΞΫηγϏϦςΟνΣοΫ ʢ2020೥ʣ
24. CrowdWorks Inc.ʛ 24 Ϋϥ΢υϫʔΫε.jp ษڧձͰΞΫηγϏϦςΟࢼݧ ʢ2021೥ʣ freeeגࣜձࣾͷҏݪྗ໵͞ΜʹΞΫηγϏϦςΟࢼݧ ͯ͠΋Β͏ νΣοΫͯ͠΋Βͬͨϖʔδͷॏཁ౓͕ߴ͍໰୊Λվ ળͯ̌͠ʹ͢Δ ࡮৽͞ΕͨϩάΠϯϖʔδ͸΄ͱΜͲ໰୊ͳ͠ͱͷධ Ձ͍͚ͨͩΔ ಈըɿଓɾ΋͋͠ͳ͕ͨʰΞΫηγϏϦςΟࢼݧʱΛ ΍Δ͜ͱʹͳͬͨΒ WP ZoomUP #71
25. CrowdWorks Inc.ʛ 25 27 HTMLΛਖ਼͘͠ॻ͚ΔΑ͏ʹ͢ΔνΣοΧʔ - HTML಺෦ʹ࢖༻Ͱ͖Δλάͷ֬ೝ - WAI-ARIAΛਖ਼͘͠࢖༻͍ͯ͠Δ͔֬ೝ - ඞཁͳଐੑΛ෇༩͢Δ - alt ଐੑ - target=”_blank” - button ཁૉ΁ͷ type ଐੑ ҆৺ͯ͠ਖ਼͍͠HTMLΛॻ͚ΔΑ͏ʹ࢓૊ΈԽΛ͢Δ Ϋϥ΢υϫʔΫε.jp Markuplint ͷ׆༻ ʢ2021೥ʙݱࡏʣ
26. CrowdWorks Inc.ʛ Ϋϥ΢υςοΫ 26
27. CrowdWorks Inc.ʛ 27 ࠷ۙऔΓ૊Μͩ͜ͱ • จࣈͷେ͖͞ʹґଘ͢ΔstyleΛpx͔Βremʹ • ϑΥʔϜͷΞΫηγϏϦςΟ࠷దԽ 29
28. CrowdWorks Inc.ʛ 28 Ϋϥ΢υςοΫ remʹมߋ͢Δ͜ͱͰϒϥ΢βͷϑΥϯταΠζͷ֦େ ػೳʹରԠɻ
 ϑΥϯταΠζʹґଘ͢Δ෦෼ʢpaddingͳͲʣ΋remࢦ ఆʹมߋ͢Δ͜ͱͰϑΥϯτ͕େ͖͘ͳͬͯ΋่Εʹ͘ ͍Α͏ʹมߋ͠·ͨ͠ɻ ϑΥϯταΠζʹґଘ͢ΔstyleΛpx͔Β remʹ
29. CrowdWorks Inc.ʛ 29 Ϋϥ΢υςοΫ labelΛઃఆ͠ϑΥʔϜͷΞΫηγϏϦςΟͷ޲্Λ ߦ͍ͬͯ·͢ɻ ϑΥʔϜͷΞΫηγϏϦςΟ࠷దԽ
30. CrowdWorks Inc.ʛ ਎ۙͳͱ͜Ζ͔Β ·ͣ͸΍ͬͯΈͯ΋Α͍ͷͰ͸ʁ վमͰ͖Δͱ͜Ζ͸ͨ͘͞Μ͋Γͦ͏͚ͩͲ… ࣾ಺Ϣʔβʔ Ϣʔβʔ ΞΫηγϏϦςΟͷվળͰϢʔβϏϦςΟͷվળʹ΋ͭͳ͕Δ
31. CrowdWorks Inc.ʛ ྫ͑͹΍ͬͯΈ͍ͨ͜ͱ… 31 ΩʔϘʔυૢ࡞ͷ࠷దԽ αΠτ಺ݕࡧΛઃஔ ΤϯδχΞ͸Ϛ΢εΛ࢖Θͳ͍ʢͱ͍͏উखͳΠϝʔδʣ
 ࣾ಺Ϣʔβʔͷޮ཰΋্͕Δ͔΋?! ࣮࣭Ͳͷϖʔδ΁΋ΞΫηεՄೳʹͳΔɻϔϧϓతͳ໾ׂ΋୲ͬͯ͘ΕΔɻ ύϯΫζϦετͷ࠷దԽ දࣔҐஔ͕มΘͬͯ͠·͏Օॴ͕͋ΔͷͰमਖ਼͍ͨ͠ɻ
32. CrowdWorks Inc.ʛ ϏζΞγ 32
33. CrowdWorks Inc.ʛ ΞΫηγϏϦςΟͷ
 վળϦετΛ࡞੒͠·ͨ͠ɻ ΞΫηγϏϦςΟษڧձΛ͖͔͚ͬʹ
34. CrowdWorks Inc.ʛ ϐοΫΞοϓͯ͠͝঺հ
35. CrowdWorks Inc.ʛ 35 ϏζΞγ • جຊతʹ୯Ґ͸remͰطʹ࣮૷ࡁΈ • rootཁૉʢhtmlʣʹ font-size: 16px; ͷࢦఆ͕͋ ΔͨΊϒϥ΢βઃఆ͕ޮ͔ͳ͍ঢ়ଶΛղফ͢Δ ϒϥ΢βͰઃఆ͞Ε͍ͯΔϑΥϯτα ΠζͷઃఆΛ൓ө͢Δ ར༻ऀͦΕͧΕ͕ઃఆ͍ͯ͠ΔϑΥϯταΠζͰӾཡ͢Δ ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΔʂ
36. CrowdWorks Inc.ʛ 36 ϏζΞγ • tabΩʔͰϘλϯʹϑΥʔΧε͕౰ͨΔΑ͏ʹ͢ Δ • role΍tabindexΛۦ࢖͢Δ λϒͷΞΫηγϏϦςΟ࠷దԽ ΩʔϘʔυͰλϒ͕ૢ࡞Ͱ͖ΔΑ͏ʹͳΔʂ
 ϚγϯϦʔμϒϧͳλϒίϯϙʔωϯτʹͳΔʂ
37. CrowdWorks Inc.ʛ 37 ϏζΞγ • εΫϦʔϯϦʔμʔΛ࣮ࡍʹ࢖༻ͯ͠ΈΔ ʢVoice OverͳͲʣ • ϦϯΫ΍ը૾ͳͲ࣮ࡍʹεΫϦʔϯϦʔμʔͰ ฉ͍ͯΈͯɺҧ࿨ײ͕͋Ε͹ద੾ͳςΩετΛ ઃఆ͢Δ εΫϦʔϯϦʔμʔରԠ ࢹ֮ো֐͕͋ΔํͰ΋ར༻Ͱ͖ΔΑ͏ʹͳΔʂ
38. CrowdWorks Inc.ʛ Ϋϥ΢υϦϯΫε 38
39. CrowdWorks Inc.ʛ 39 Ϋϥ΢υϦϯΫεͰ͢
40. CrowdWorks Inc.ʛ 40 ΞΫηγϏϦςΟऔΓ૊Έ͍ͨؾ࣋ͪ͸͋Δ • ։ൃϝϯόʔɺ૝૾Ҏ্ʹ͍ͳ͍ • ΞΫηγϏϦςΟͱ޲͖߹͍͍ͨҙࢥ͸͋Δ 42
41. CrowdWorks Inc.ʛ 41 ΞΫηγϏϦςΟऔΓ૊Έ͍ͨؾ࣋ͪ͸ ͋ΔͷͰɺ΍Δͧͱ͍͏࢟੎͔Β
42. CrowdWorks Inc.ʛ 42 ࠷ۙऔΓ૊Μͩ͜ͱ • ͍ͪ͘͞͸͡ΊΔσβΠϯγεςϜ • աڈͷෛ࠴ղফΛ໨ࢦͨ͢ΊɺϓϩμΫτΞοϓσʔτத 44
43. CrowdWorks Inc.ʛ 43 Ϋϥ΢υϦϯΫε ։ൃ࣌ʹҰ͔ΒUIΛߟ͑Δػձ͕ଟ͔ͬͨ খ͘͞͸͡ΊΔσβΠϯγεςϜ → σβΠϯͷج४ɾํ਑͕ͳ͔ͬͨ → ڞ௨ͷίϯϙʔωϯτ෦඼͸͕͋ͬͨҰཡੑ͕ͳ͘ɺ֬ೝ͢Δͷ͕େม ϓϩμΫτͷUIʹҰ؏ੑΛ࣋ͨͤɺσβΠϯͱίʔυΛ࿈ܞͤ͞Δ͜ͱͰɺݟͨ໨ɾڍಈͷ૬ޓͷ ζϨΛແ͍ͨ͘͠
44. CrowdWorks Inc.ʛ 44 Ϋϥ΢υϦϯΫε ϦϯΫεͷϑϩϯτΤϯυϦϓϨʔεʹ൐͍ɺϫʔΧʔɾΫϥΠΞϯτͦΕ ͧΕʹ࠷దԽͨ͠γεςϜΛߏங͢ΔͨΊσβΠϯγεςϜ࡞੒ελʔτʂ খ͘͞͸͡ΊΔσβΠϯγεςϜ
45. CrowdWorks Inc.ʛ 45 Ϋϥ΢υϦϯΫε - ࢖͏΋ͷ͚ͩ࡞Δ খ͘͞͸͡ΊΔσβΠϯγεςϜ σβΠϯτʔΫϯ ػೳͷσβΠϯˠڞ௨෦඼ͱͯ͠࢖͏ύλʔϯΛσβΠϯγεςϜͷίϯϙʔωϯτͱͯ͠ఆٛ ϓϩμΫτશମͷελΠϦϯάͰར༻ ࢖͏ύλʔϯ͕૿͑ͨΒɺద֦ٓு͢Δ ίϯϙʔωϯτ Ͱ͖Δ͚ͩ࠷খͷྗͰਐΊΔ ҙࢥܾఆऀˠ2໊Ͱ͢͢Ί͍ͯ·͢
46. CrowdWorks Inc.ʛ 46 Ϋϥ΢υϦϯΫε খ͘͞͸͡ΊΔσβΠϯγεςϜ ΞΫηγϏϦςΟऔΓ૊Έ - markuplintΛಋೖͯ͠ɺҰఆϨϕϧͷΞΫηγϏϦςΟΛ୲อ - ૉૣ͘ߏங͍ͯ͘͠தͰɺηϧϑνΣοΫ͢Δͷ͸೉͍͚͠ͲlinterͷϧʔϧͰΤϥʔʹͳͬͨ෼ ͘Β͍͸ରԠ͍͚ͯ͠Δ - lintͷΤϥʔಡΈͳ͕ΒରԠ͍ͯ͘͠͏ͪʹগ͠ΞΫηγϏϦςΟΘ͔ΔΑ͏ʹͳͬͨؾ͕͢Δ borderपΓ͕ΞΫηγϏϦςΟ͕ѱ͍ͬΆ͍ͷͰվળؤுΓ·͢
47. CrowdWorks Inc.ʛ ςοΫμΠϨΫτʢچ: ίσΞϧʣ 47
48. CrowdWorks Inc.ʛ ϒϥϯυ໊ɾϩΰ͕มΘΓ·ͨ͠🎉 2023/8/1 ΑΓ 48 2023/7/31 ·Ͱ https://www.codeal.work/ https://techdirect.jp/
49. CrowdWorks Inc.ʛ 49 ϦχϡʔΞϧҎલ͔ΒͷऔΓ૊ΈʢίʔυϨϏϡʔʣ
50. CrowdWorks Inc.ʛ ϦχϡʔΞϧҎલ͔ΒͷऔΓ૊ΈʢϥΠϒϥϦબఆʣ 50 ʦbootstrap-vueʧ Ϟʔμϧ࣮૷࣌ͷϑΥʔΧεͷ੍ޚʢ͘͢͝େมʣ΍ WAI-ARIA ؔ ࿈ͷଐੑʹରԠ͍ͯ͠Δʂ
51. CrowdWorks Inc.ʛ ίσΞϧ → ςοΫμΠϨΫτ ϦχϡʔΞϧΑΓલ͔Β௕Β๊͍͑ͯͨ͘໰୊ 51
52. CrowdWorks Inc.ʛ UIίϯϙʔωϯτͷίϯτϥετൺෆ଍😱 52
53. CrowdWorks Inc.ʛ ʮUI ίϯϙʔωϯτͷ഑৭มߋ͸Өڹൣғ͕ ɹ޿͗ͯ͢खΛ෇͚ʹ͍͘ɾɾɾʯ 53
54. CrowdWorks Inc.ʛ 2023೥4݄ʙ ίσΞϧגࣜձ͕ࣾגࣜձࣾΫϥ΢υϫʔΫεʹ
 ٵऩ߹ซ͞ΕΔ ʢαΠτ಺ͷ໊ࣾมߋ, ֤छΞΧ΢ϯτͷ໊ٛมߋ, etc…ʣ 54
55. CrowdWorks Inc.ʛ ʮ഑৭ͷ໰୊Λ௚͢ͳΒࠓ͔͠ͳ͍ʂʯ 55
56. CrowdWorks Inc.ʛ ܾఆͨ͠৽͍͠ϩΰ 56 https://www.codeal.work/ https://techdirect.jp/
57. CrowdWorks Inc.ʛ ςʔϚΧϥʔͷมߋ 57 #dc3068 hsl(340deg 71% 52%) #e75a7f hsl(344deg 76% 62%) ً౓͕10ϙΠϯτݮ ʢएׯ҉͍৭ʣ
58. CrowdWorks Inc.ʛ ςʔϚΧϥʔͷมߋ 58
59. CrowdWorks Inc.ʛ ίϯτϥετ ✅ 59
60. CrowdWorks Inc.ʛ ʢࢀߟʣ࢖༻ͨ͠πʔϧ ίϯτϥετൺ 4.5 Ҏ্Λ໨ࢦͭͭ͠ݩͷ৭ʹ͍ۙ৭Λ୳ͨ͢Ίʹ Contrast Finder Λ࢖༻͠·ͨ͠
 https://app.contrast-finder.org/ 60
61. CrowdWorks Inc.ʛ ͜Ε͔ΒΞΫηγϏϦςΟΛ ߴΊΔͨΊʹͰ͖Δ͜ͱ σβΠϯɺ࣮૷ɺ޿ใɺͦͷଞΈΜͳͰҙࣝͯ͠ΈΔͱ ྑ͍͜ͱ
62. CrowdWorks Inc.ʛ • ϓϥΠϕʔτ΍ۀ຿ͰSNSɺϒϩάʹը૾౤ߘ͢Δͱ͖ɺaltଐੑΛ͚ͭͯΈΔ ϋʔυϧ௿͘ɺ ੈͷதͱ͍ͭ΋ͷ࢓ࣄͷৼΔ෣͍Λม͑ͯΈΔ 62 ʲXʢTwitterʣʳ ʲnoteʳ Ωϟϓγϣϯ ୅ସςΩετ
63. CrowdWorks Inc.ʛ • ۀ຿ʹ͓͍ͯ”Ͱ͖Δͱ͜Ζ͔Β”ΞΫηγϏϦςΟΛҙࣝͯ͠ΈΔ ϋʔυϧ௿͘ɺ ੈͷதͱ͍ͭ΋ͷ࢓ࣄͷৼΔ෣͍Λม͑ͯΈΔ 63 બ୒͠΍͍͢UIʹ alt໋໊ͷఏҊʢࢦఆʣ Ͱ͖ΔൣғͰϨϏϡʔ
64. CrowdWorks Inc.ʛ • ຊ΍ωοτʹ͋ΔυΩϡϝϯτΛಡΜͰΈΔ • ݟ͑ʹ͍͘ɺಡΈʹ͍͘ʮࠔͬͨʂʯΛղܾ͢ΔσβΠϯ • WebΞϓϦέʔγϣϯΞΫηγϏϦςΟ──ࠓ೔͔Β࢝ΊΔݱ ৔͔Βͷվળ • σδλϧிɿ΢ΣϒΞΫηγϏϦςΟಋೖΨΠυϒοΫ ·ͣ͸͜Ε ϋʔυϧ௿͘ɺ ੈͷதͱ͍ͭ΋ͷ࢓ࣄͷৼΔ෣͍Λม͑ͯΈΔ 64
65. CrowdWorks Inc.ʛ • ΞΫηγϏϦςΟͷΠϕϯτʹࢀՃͯ͠ΈΔʢΦϯ/ΦϑϥΠϯʣ ◦ connpass΍SNS͔Βʢ※ʣ ϋʔυϧ௿͘ɺ ੈͷதͱ͍ͭ΋ͷ࢓ࣄͷৼΔ෣͍Λม͑ͯΈΔ 65 σβΠφʔɾΤϯδχΞͰͳͯ͘΋ڵຯ͕ ͋Δํ͸ͥͻࢀՃͯ͠Έ͍ͯͩ͘͞ʂ
66. CrowdWorks Inc.ʛ ͓·͚
67. CrowdWorks Inc.ʛ • Slackɿ #accessibility • NotionɿΞΫηγϏϦςΟʹؔ͢Δϖʔδ(WIP) • QiitaهࣄʢΈʔͨ͞Μʣ ◦ UDGษڧձ 2019/03/06 ◦ σβΠφʔษڧձ ΞΫηγϏϦςΟ 22.10.27 • ΄͔ʢେࢁ͞Μݸਓʣ ◦ awesome-japanese-a11y-companies Ϋϥ΢υϫʔΫεͷΞΫηγϏϦςΟ৘ใ 67
68. CrowdWorks Inc.ʛ • ຊ΍ωοτʹ͋ΔυΩϡϝϯτΛಡΜͰΈΔ • ݟ͑ʹ͍͘ɺಡΈʹ͍͘ʮࠔͬͨʂʯΛղܾ͢ΔσβΠϯ ྠಡձ։࠵༧ఆͰ͢✋ 68 ษڧձޙɺ#accessibility ͷνϟϯωϧͷ౤ߘ͔ΒྠಡձࢀՃر ๬ͷํ͸ڍख✋ ͓ئ͍͠·͢