Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
クラウドワークスのみんなでやってる アクセシビリティ
Search
のま
September 20, 2023
1
1.5k
クラウドワークスのみんなでやってる アクセシビリティ
クラウドワークスでのアクセシビリティ勉強会で、「アクセシビリティとは」や各事業部のアクセシビリティの取り組みについて発表し合いました。
のま
September 20, 2023
Tweet
Share
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
94
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Scaling GitHub
holman
458
140k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Agile that works and the tools we love
rasmusluckow
328
21k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
5
430
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Code Review Best Practice
trishagee
65
17k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
4 Signs Your Business is Dying
shpigford
181
21k
Facilitating Awesome Meetings
lara
50
6.1k
Transcript
CrowdWorks Inc.ʛ ΫϥυϫʔΫεͷ ΈΜͳͰͬͯΔ ΞΫηγϏϦςΟ
CrowdWorks Inc.ʛ 2 εϐʔΧʔʹ͍ͭͯ ͷ· 2 • 20227݄1ೖࣾʢաڈಉࣾͰ1UXσβΠφʔͷΠϯ λʔϯʣ •
ΫϥυϫʔΫε.jpͷσβΠφʔ ◦ τοϓϥΠϯͷࢪࡦνʔϜ ◦ σβΠϯγεςϜ ◦ σβΠϯάϧʔϓͷ͋Ε͜Ε • WebΞϓϦέʔγϣϯΞΫηγϏϦςΟྠಡձ • shuffle1on1 etc.
CrowdWorks Inc.ʛ 3 ΞΫηγϏϦςΟʹର͢ΔϞνϕʔγϣϯɾߟ͑ʢͷ·ͷ߹ʣ • σβΠϯΛֶͼɺσβΠϯγεςϜΛ࡞͍ͬͯͨΒελΠϧΛߟྀ͢ΔࡍʹΑΓσ βΠϯɾ։ൃ໘͔Βڵຯ͕༙͍ͨ • ”ࣾձ՝Λղܾ͢Δ”ʹϞνϕʔγϣϯ͕͋ΓɺΞΫηγϏϦςΟେࣄͩͱࢥͬ ͨ
• ϛογϣϯϏδϣϯ͔ΒɺΫϥυϫʔΫεͰΔ͜ͱͷҙٛΛݟग़ͨ͠ • কདྷͲ͏ͳΔ͔Θ͔Βͳ͍ɻΈΜͳ͍͔ͭ͞·͟·ͳࠔ૿͑ΔՄೳੑ͕͋ ΔɻࣗʢΈΜͳʣ͕ࠔΔ 4
CrowdWorks Inc.ʛ ʢWebʣΞΫηγϏϦςΟͱʁ
CrowdWorks Inc.ʛ 5 6 ϢʔβʔΤΫεϖϦΤϯεͷ্ ࣾձత ๏ཁ݅ͱن੍ʢোऀࠩผղফ๏ʣͷରԠ ΫϥυϫʔΫεͷMissionͱVisionͷඥ͚ దͳ։ൃʹΑΔੜ࢈ੑͷ্ SEOରࡦ
ࣄۀͷػձଛࣦͷ੍ ѹ͕͋Δ ߟ͑Δ͜ͱ͕ଟ͍
CrowdWorks Inc.ʛ 6 ࠞཚ͠·͢Ͷʁ؆୯ʹఆ͚ٛͩ͝հ 8
CrowdWorks Inc.ʛ 7 ΞΫηγϏϦςΟͱʁ ಛఆͷো͕͍Λ࣋ͭਓ͚ͨͪͩͰͳ͘ɺߴྸऀҰ࣌తͳো͕͍ʢࠔʣΛ࣋ͭਓ ؚͨͪΊͯ͋ΒΏΔਓ͕ใʹΞΫηεͰ͖ΔΑ͏ʹ͢ΔͨΊͷॏཁͳऔΓΈ 9 Accessibility = Access
+ Ability ΞΫηγϏϦςΟ ΞΫηε ΞϏϦςΟ ۙͮ͘ɾΞΫηε͢Δ ೳྗɾͰ͖Δ͜ͱ
CrowdWorks Inc.ʛ 8 WebΞΫηγϏϦςΟͱʁ ΑΓଟ͘ͷϢʔβʔ͕ɺΑΓଟ͘ͷར༻ڥ͔ΒɺΑΓଟ͘ͷ໘ঢ়گͰɺWebίϯςϯπ Λ͑ΔΑ͏ʹ͢Δ͜ͱɻʢ※ʣ 10 ೳྗڥʹؔΘΒͣશͯͷਓ͕ɺಉ͡ใΛಘΒΕΔΑ͏ʹ͢Δ
CrowdWorks Inc.ʛ 9 ΞΫηε͍͢͠ʹΞΫηγϏϦςΟͷ جຊ͕ͳ͍ͱͦͦαʔϏεͷՁΛಧ͚ʹ͍͘ 11
CrowdWorks Inc.ʛ ࠔΓ͝ͱࣄྫ োར༻ࠔͳঢ়ଶʹ͋Δ͕ͨΊʹى͜ΔࠔΓ͝ͱ
CrowdWorks Inc.ʛ 11 োར༻ࠔͳঢ়ଶʹ͋Δ͕ͨΊʹى͜ΔࠔΓ͝ͱ • ࢹ֮ɾ৭֮োऀɾߴྸऀͷσβΠϯελΠϧͷྀ 13 ݟ͑ͳ͍...
CrowdWorks Inc.ʛ 12 োར༻ࠔͳঢ়ଶʹ͋Δ͕ͨΊʹى͜ΔࠔΓ͝ͱ • ࢹ֮োɾϩʔϏδϣϯΛ࣋ͭํͷεΫϦʔϯϦʔμʔඇରԠ 14 ɾɾɾ
CrowdWorks Inc.ʛ 13 োར༻ࠔͳঢ়ଶʹ͋Δ͕ͨΊʹى͜ΔࠔΓ͝ͱɾରࡦ 15 ΞΫηγϏϦςΟͷͨΊͷσβΠϯ ϙελʔ োମతͳͷ͚ͩͰͳ͍ ҎԼͷΑ͏ͳ͜ͱΛ͠ͳ͍Α͏ɺ ྀ͕ඞཁ
• ඈͼઌ͕ᐆດͳ໊শͷϦϯΫ ͷઃஔ • উखʹΞχϝʔγϣϯΛ࿈ଓ͠ ͯྲྀ͠ଓ͚Δ • αϙʔτϔϧϓʹΞΫηε͠ ʹ͘͘͢Δ
CrowdWorks Inc.ʛ োΛ࣋ͭํͱ ΞΫηγϏϦςΟ োΛ࣋ͭํͲͷΑ͏ʹΣϒίϯςϯπΛ ར༻͍ͯ͠Δ͔ʁ
CrowdWorks Inc.ʛ 15 ো͕͍Λ࣋ͭํͷར༻ঢ়گ • ऑࢹͷͨΊʹը໘Λେ͖֦͘େͯ͠ར༻ 17
CrowdWorks Inc.ʛ ো͕͍ऀࣄऀ͔Βݟͨ ΞΫηγϏϦςΟʹର͢Δ Ϟνϕʔγϣϯɾߟ͑ 16
CrowdWorks Inc.ʛ 17 ͋ͷͷ߹ • ௌ֮ো͕͍͕͋Γɺௌ֮ͰಘΒΕͳ͍ใΛಘ͍ͨ • ͦ͏͍͏࣌ʹͲ͏͍͏ΞΫηγϏϦςΟ͕͋Δ͔ • ࣈນˠௌ֮ো͕͍ऀ͚ͩʹศར͔ߟ͑ͯΈΔ
• ߴྸऀʹɺͬͱݴ͑શһֶ͕ͼʹ͑ͨΓ͢Δ →ࣗࣗʹରͯ͠ΞΫηγϏϦςΟΛ͏͚ͩͰɺपғΘ͔Γ͘͢ͳͬͨΓ͢Δ߹͕ ͋Δ ݁ՌతʹΈΜͳwin-winʹͳΔͳΒͬͨํ͕ྑ͍ͱࢥ͏ Βͣʹ݁ہωΨςΟϒʹͳΔ͘Β͍ͳΒ͔ͬͯΒωΨςΟϒ෦Λߟ͑ͨํ͕Growthʹ ͳΔ 19
CrowdWorks Inc.ʛ ֤ࣄۀ෦ʹ͓͚Δ ΞΫηγϏϦςΟऔΓΈ ΫϥυϫʔΫε.jpɺΫϥυςοΫɺϏζΞγɺΫϥυϦϯ ΫεʢϦϯΫεΤʔδΣϯτʣɺςοΫμΠϨΫτ
CrowdWorks Inc.ʛ 19 ΫϥυϫʔΫε.jp normanͱΫϥυϫʔΫε.jpͰ࡞͍ͯ͠ΔʮσβΠϯγ εςϜʢ※ʣʯ σβΠϯɿnormanͱΞΫηγϏϦςΟ σβΠϯγεςϜΛɺΞΫηγϒϧʹ࡞Δ͜ͱͰαʔϏ εͷΞΫηγϏϦςΟͷ্ʹܨ͕Δɻ
CrowdWorks Inc.ʛ 20 ΫϥυϫʔΫε.jp ΧϥʔίϯτϥετΛҙࣝ͠ΧϥʔύϨοτΛ࡞ WCAGʢ※ʣͷج४ʮAAʯΛΫϦΞͨ͠ͷ͕ normanͷΧϥʔύϨοτʹɻ →ίϯτϥετൺ͕͍͕ͨΊʹը໘͕ݟʹ͍͘ ͷҰͭΛղܾ σβΠϯɿnormanͱΞΫηγϏϦςΟ
CrowdWorks Inc.ʛ 21 23 normanͷΧϥʔͷελΠϧΨΠυͷݱঢ় Χϥʔίϯτϥετʹ·ͣɺσβΠϯૉࡐΛ࡞ΕΔΑ͏ʹͳΓ·ͨ͠ʂ Color palette ʢৄ͘͠ #σβΠϯ
ج൫ ϝϯόʔʣ Thema Color
CrowdWorks Inc.ʛ 22 ͦͷ΄͔ʹσβΠϯ໘Ͱͷ normanͷΞΫηγϏϦςΟऔΓΈ ͋Γ·͕͢ࠓճׂѪ.. 24
CrowdWorks Inc.ʛ 23 ΫϥυϫʔΫε.jp ΦϯϥΠϯͷΞΫηγϏϦςΟࢼݧձʹࢀՃͨ͠ܦ ݧΛ׆͔ͯ͠νΣοΫͯ͠ΈΔ TOPϖʔδɺϩάΠϯϖʔδɺձһϝʔϧΞυϨε ొը໘ͷ̏ͭΛνΣοΫ ΛGitHub Projectʹొͯ͠ݟ͑ΔԽ
هࣄɿΫϥυϫʔΫεͷWebΞΫηγϏϦςΟ νΣοΫΛ࢝ΊͯΈͨʯ ಠࣗͰWebΞΫηγϏϦςΟνΣοΫ ʢ2020ʣ
CrowdWorks Inc.ʛ 24 ΫϥυϫʔΫε.jp ษڧձͰΞΫηγϏϦςΟࢼݧ ʢ2021ʣ freeeגࣜձࣾͷҏݪྗ͞ΜʹΞΫηγϏϦςΟࢼݧ ͯ͠Β͏ νΣοΫͯ͠Βͬͨϖʔδͷॏཁ͕ߴ͍Λվ ળͯ̌͠ʹ͢Δ
৽͞ΕͨϩάΠϯϖʔδ΄ͱΜͲͳ͠ͱͷධ Ձ͍͚ͨͩΔ ಈըɿଓɾ͋͠ͳ͕ͨʰΞΫηγϏϦςΟࢼݧʱΛ Δ͜ͱʹͳͬͨΒ WP ZoomUP #71
CrowdWorks Inc.ʛ 25 27 HTMLΛਖ਼͘͠ॻ͚ΔΑ͏ʹ͢ΔνΣοΧʔ - HTML෦ʹ༻Ͱ͖Δλάͷ֬ೝ - WAI-ARIAΛਖ਼͘͠༻͍ͯ͠Δ͔֬ೝ -
ඞཁͳଐੑΛ༩͢Δ - alt ଐੑ - target=”_blank” - button ཁૉͷ type ଐੑ ҆৺ͯ͠ਖ਼͍͠HTMLΛॻ͚ΔΑ͏ʹΈԽΛ͢Δ ΫϥυϫʔΫε.jp Markuplint ͷ׆༻ ʢ2021ʙݱࡏʣ
CrowdWorks Inc.ʛ ΫϥυςοΫ 26
CrowdWorks Inc.ʛ 27 ࠷ۙऔΓΜͩ͜ͱ • จࣈͷେ͖͞ʹґଘ͢ΔstyleΛpx͔Βremʹ • ϑΥʔϜͷΞΫηγϏϦςΟ࠷దԽ 29
CrowdWorks Inc.ʛ 28 ΫϥυςοΫ remʹมߋ͢Δ͜ͱͰϒϥβͷϑΥϯταΠζͷ֦େ ػೳʹରԠɻ ϑΥϯταΠζʹґଘ͢Δ෦ʢpaddingͳͲʣremࢦ ఆʹมߋ͢Δ͜ͱͰϑΥϯτ͕େ͖͘ͳ่ͬͯΕʹ͘ ͍Α͏ʹมߋ͠·ͨ͠ɻ ϑΥϯταΠζʹґଘ͢ΔstyleΛpx͔Β
remʹ
CrowdWorks Inc.ʛ 29 ΫϥυςοΫ labelΛઃఆ͠ϑΥʔϜͷΞΫηγϏϦςΟͷ্Λ ߦ͍ͬͯ·͢ɻ ϑΥʔϜͷΞΫηγϏϦςΟ࠷దԽ
CrowdWorks Inc.ʛ ۙͳͱ͜Ζ͔Β ·ͣͬͯΈͯΑ͍ͷͰʁ վमͰ͖Δͱ͜Ζͨ͘͞Μ͋Γͦ͏͚ͩͲ… ࣾϢʔβʔ Ϣʔβʔ ΞΫηγϏϦςΟͷվળͰϢʔβϏϦςΟͷվળʹͭͳ͕Δ
CrowdWorks Inc.ʛ ྫ͑ͬͯΈ͍ͨ͜ͱ… 31 ΩʔϘʔυૢ࡞ͷ࠷దԽ αΠτݕࡧΛઃஔ ΤϯδχΞϚεΛΘͳ͍ʢͱ͍͏উखͳΠϝʔδʣ ࣾϢʔβʔͷޮ্͕Δ͔?! ࣮࣭ͲͷϖʔδΞΫηεՄೳʹͳΔɻϔϧϓతͳׂ୲ͬͯ͘ΕΔɻ ύϯΫζϦετͷ࠷దԽ
දࣔҐஔ͕มΘͬͯ͠·͏Օॴ͕͋ΔͷͰमਖ਼͍ͨ͠ɻ
CrowdWorks Inc.ʛ ϏζΞγ 32
CrowdWorks Inc.ʛ ΞΫηγϏϦςΟͷ վળϦετΛ࡞͠·ͨ͠ɻ ΞΫηγϏϦςΟษڧձΛ͖͔͚ͬʹ
CrowdWorks Inc.ʛ ϐοΫΞοϓͯ͠͝հ
CrowdWorks Inc.ʛ 35 ϏζΞγ • جຊతʹ୯ҐremͰطʹ࣮ࡁΈ • rootཁૉʢhtmlʣʹ font-size: 16px;
ͷࢦఆ͕͋ ΔͨΊϒϥβઃఆ͕ޮ͔ͳ͍ঢ়ଶΛղফ͢Δ ϒϥβͰઃఆ͞Ε͍ͯΔϑΥϯτα ΠζͷઃఆΛө͢Δ ར༻ऀͦΕͧΕ͕ઃఆ͍ͯ͠ΔϑΥϯταΠζͰӾཡ͢Δ ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΔʂ
CrowdWorks Inc.ʛ 36 ϏζΞγ • tabΩʔͰϘλϯʹϑΥʔΧε͕ͨΔΑ͏ʹ͢ Δ • roletabindexΛۦ͢Δ λϒͷΞΫηγϏϦςΟ࠷దԽ
ΩʔϘʔυͰλϒ͕ૢ࡞Ͱ͖ΔΑ͏ʹͳΔʂ ϚγϯϦʔμϒϧͳλϒίϯϙʔωϯτʹͳΔʂ
CrowdWorks Inc.ʛ 37 ϏζΞγ • εΫϦʔϯϦʔμʔΛ࣮ࡍʹ༻ͯ͠ΈΔ ʢVoice OverͳͲʣ • ϦϯΫը૾ͳͲ࣮ࡍʹεΫϦʔϯϦʔμʔͰ
ฉ͍ͯΈͯɺҧײ͕͋ΕదͳςΩετΛ ઃఆ͢Δ εΫϦʔϯϦʔμʔରԠ ࢹ֮ো͕͋ΔํͰར༻Ͱ͖ΔΑ͏ʹͳΔʂ
CrowdWorks Inc.ʛ ΫϥυϦϯΫε 38
CrowdWorks Inc.ʛ 39 ΫϥυϦϯΫεͰ͢
CrowdWorks Inc.ʛ 40 ΞΫηγϏϦςΟऔΓΈ͍ͨؾ࣋ͪ͋Δ • ։ൃϝϯόʔɺ૾Ҏ্ʹ͍ͳ͍ • ΞΫηγϏϦςΟͱ͖߹͍͍ͨҙࢥ͋Δ 42
CrowdWorks Inc.ʛ 41 ΞΫηγϏϦςΟऔΓΈ͍ͨؾ࣋ͪ ͋ΔͷͰɺΔͧͱ͍͏͔࢟Β
CrowdWorks Inc.ʛ 42 ࠷ۙऔΓΜͩ͜ͱ • ͍ͪ͘͞͡ΊΔσβΠϯγεςϜ • աڈͷෛ࠴ղফΛࢦͨ͢ΊɺϓϩμΫτΞοϓσʔτத 44
CrowdWorks Inc.ʛ 43 ΫϥυϦϯΫε ։ൃ࣌ʹҰ͔ΒUIΛߟ͑Δػձ͕ଟ͔ͬͨ খ͘͞͡ΊΔσβΠϯγεςϜ → σβΠϯͷج४ɾํ͕ͳ͔ͬͨ → ڞ௨ͷίϯϙʔωϯτ෦͕͋ͬͨҰཡੑ͕ͳ͘ɺ֬ೝ͢Δͷ͕େม
ϓϩμΫτͷUIʹҰ؏ੑΛ࣋ͨͤɺσβΠϯͱίʔυΛ࿈ܞͤ͞Δ͜ͱͰɺݟͨɾڍಈͷ૬ޓͷ ζϨΛແ͍ͨ͘͠
CrowdWorks Inc.ʛ 44 ΫϥυϦϯΫε ϦϯΫεͷϑϩϯτΤϯυϦϓϨʔεʹ͍ɺϫʔΧʔɾΫϥΠΞϯτͦΕ ͧΕʹ࠷దԽͨ͠γεςϜΛߏங͢ΔͨΊσβΠϯγεςϜ࡞ελʔτʂ খ͘͞͡ΊΔσβΠϯγεςϜ
CrowdWorks Inc.ʛ 45 ΫϥυϦϯΫε - ͏ͷ͚ͩ࡞Δ খ͘͞͡ΊΔσβΠϯγεςϜ σβΠϯτʔΫϯ ػೳͷσβΠϯˠڞ௨෦ͱͯ͠͏ύλʔϯΛσβΠϯγεςϜͷίϯϙʔωϯτͱͯ͠ఆٛ ϓϩμΫτશମͷελΠϦϯάͰར༻
͏ύλʔϯ͕૿͑ͨΒɺద֦ٓு͢Δ ίϯϙʔωϯτ Ͱ͖Δ͚ͩ࠷খͷྗͰਐΊΔ ҙࢥܾఆऀˠ2໊Ͱ͢͢Ί͍ͯ·͢
CrowdWorks Inc.ʛ 46 ΫϥυϦϯΫε খ͘͞͡ΊΔσβΠϯγεςϜ ΞΫηγϏϦςΟऔΓΈ - markuplintΛಋೖͯ͠ɺҰఆϨϕϧͷΞΫηγϏϦςΟΛ୲อ - ૉૣ͘ߏங͍ͯ͘͠தͰɺηϧϑνΣοΫ͢Δͷ͍͚͠ͲlinterͷϧʔϧͰΤϥʔʹͳͬͨ
͘Β͍ରԠ͍͚ͯ͠Δ - lintͷΤϥʔಡΈͳ͕ΒରԠ͍ͯ͘͠͏ͪʹগ͠ΞΫηγϏϦςΟΘ͔ΔΑ͏ʹͳͬͨؾ͕͢Δ borderपΓ͕ΞΫηγϏϦςΟ͕ѱ͍ͬΆ͍ͷͰվળؤுΓ·͢
CrowdWorks Inc.ʛ ςοΫμΠϨΫτʢچ: ίσΞϧʣ 47
CrowdWorks Inc.ʛ ϒϥϯυ໊ɾϩΰ͕มΘΓ·ͨ͠🎉 2023/8/1 ΑΓ 48 2023/7/31 ·Ͱ https://www.codeal.work/ https://techdirect.jp/
CrowdWorks Inc.ʛ 49 ϦχϡʔΞϧҎલ͔ΒͷऔΓΈʢίʔυϨϏϡʔʣ
CrowdWorks Inc.ʛ ϦχϡʔΞϧҎલ͔ΒͷऔΓΈʢϥΠϒϥϦબఆʣ 50 ʦbootstrap-vueʧ Ϟʔμϧ࣮࣌ͷϑΥʔΧεͷ੍ޚʢ͘͢͝େมʣ WAI-ARIA ؔ ࿈ͷଐੑʹରԠ͍ͯ͠Δʂ
CrowdWorks Inc.ʛ ίσΞϧ → ςοΫμΠϨΫτ ϦχϡʔΞϧΑΓલ͔ΒΒ๊͍͑ͯͨ͘ 51
CrowdWorks Inc.ʛ UIίϯϙʔωϯτͷίϯτϥετൺෆ😱 52
CrowdWorks Inc.ʛ ʮUI ίϯϙʔωϯτͷ৭มߋӨڹൣғ͕ ɹ͗ͯ͢खΛ͚ʹ͍͘ɾɾɾʯ 53
CrowdWorks Inc.ʛ 20234݄ʙ ίσΞϧגࣜձ͕ࣾגࣜձࣾΫϥυϫʔΫεʹ ٵऩ߹ซ͞ΕΔ ʢαΠτͷ໊ࣾมߋ, ֤छΞΧϯτͷ໊ٛมߋ, etc…ʣ 54
CrowdWorks Inc.ʛ ʮ৭ͷΛ͢ͳΒࠓ͔͠ͳ͍ʂʯ 55
CrowdWorks Inc.ʛ ܾఆͨ͠৽͍͠ϩΰ 56 https://www.codeal.work/ https://techdirect.jp/
CrowdWorks Inc.ʛ ςʔϚΧϥʔͷมߋ 57 #dc3068 hsl(340deg 71% 52%) #e75a7f hsl(344deg
76% 62%) ً͕10ϙΠϯτݮ ʢएׯ҉͍৭ʣ
CrowdWorks Inc.ʛ ςʔϚΧϥʔͷมߋ 58
CrowdWorks Inc.ʛ ίϯτϥετ ✅ 59
CrowdWorks Inc.ʛ ʢࢀߟʣ༻ͨ͠πʔϧ ίϯτϥετൺ 4.5 Ҏ্Λࢦͭͭ͠ݩͷ৭ʹ͍ۙ৭Λ୳ͨ͢Ίʹ Contrast Finder Λ༻͠·ͨ͠ https://app.contrast-finder.org/
60
CrowdWorks Inc.ʛ ͜Ε͔ΒΞΫηγϏϦςΟΛ ߴΊΔͨΊʹͰ͖Δ͜ͱ σβΠϯɺ࣮ɺใɺͦͷଞΈΜͳͰҙࣝͯ͠ΈΔͱ ྑ͍͜ͱ
CrowdWorks Inc.ʛ • ϓϥΠϕʔτۀͰSNSɺϒϩάʹը૾ߘ͢Δͱ͖ɺaltଐੑΛ͚ͭͯΈΔ ϋʔυϧ͘ɺ ੈͷதͱ͍ͭͷࣄͷৼΔ͍Λม͑ͯΈΔ 62 ʲXʢTwitterʣʳ ʲnoteʳ Ωϟϓγϣϯ
ସςΩετ
CrowdWorks Inc.ʛ • ۀʹ͓͍ͯ”Ͱ͖Δͱ͜Ζ͔Β”ΞΫηγϏϦςΟΛҙࣝͯ͠ΈΔ ϋʔυϧ͘ɺ ੈͷதͱ͍ͭͷࣄͷৼΔ͍Λม͑ͯΈΔ 63 બ͍͢͠UIʹ alt໋໊ͷఏҊʢࢦఆʣ Ͱ͖ΔൣғͰϨϏϡʔ
CrowdWorks Inc.ʛ • ຊωοτʹ͋ΔυΩϡϝϯτΛಡΜͰΈΔ • ݟ͑ʹ͍͘ɺಡΈʹ͍͘ʮࠔͬͨʂʯΛղܾ͢ΔσβΠϯ • WebΞϓϦέʔγϣϯΞΫηγϏϦςΟ──ࠓ͔Β࢝ΊΔݱ ͔Βͷվળ •
σδλϧிɿΣϒΞΫηγϏϦςΟಋೖΨΠυϒοΫ ·ͣ͜Ε ϋʔυϧ͘ɺ ੈͷதͱ͍ͭͷࣄͷৼΔ͍Λม͑ͯΈΔ 64
CrowdWorks Inc.ʛ • ΞΫηγϏϦςΟͷΠϕϯτʹࢀՃͯ͠ΈΔʢΦϯ/ΦϑϥΠϯʣ ◦ connpassSNS͔Βʢ※ʣ ϋʔυϧ͘ɺ ੈͷதͱ͍ͭͷࣄͷৼΔ͍Λม͑ͯΈΔ 65 σβΠφʔɾΤϯδχΞͰͳͯ͘ڵຯ͕
͋ΔํͥͻࢀՃͯ͠Έ͍ͯͩ͘͞ʂ
CrowdWorks Inc.ʛ ͓·͚
CrowdWorks Inc.ʛ • Slackɿ #accessibility • NotionɿΞΫηγϏϦςΟʹؔ͢Δϖʔδ(WIP) • QiitaهࣄʢΈʔͨ͞Μʣ ◦
UDGษڧձ 2019/03/06 ◦ σβΠφʔษڧձ ΞΫηγϏϦςΟ 22.10.27 • ΄͔ʢେࢁ͞Μݸਓʣ ◦ awesome-japanese-a11y-companies ΫϥυϫʔΫεͷΞΫηγϏϦςΟใ 67
CrowdWorks Inc.ʛ • ຊωοτʹ͋ΔυΩϡϝϯτΛಡΜͰΈΔ • ݟ͑ʹ͍͘ɺಡΈʹ͍͘ʮࠔͬͨʂʯΛղܾ͢ΔσβΠϯ ྠಡձ։࠵༧ఆͰ͢✋ 68 ษڧձޙɺ#accessibility ͷνϟϯωϧͷߘ͔ΒྠಡձࢀՃر
ͷํڍख✋ ͓ئ͍͠·͢