Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

のま
September 20, 2023
1.5k

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

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

のま

September 20, 2023
Tweet

Transcript

  1. CrowdWorks Inc.ʛ 2 εϐʔΧʔʹ͍ͭͯ ͷ· 2 • 2022೥7݄1೔ೖࣾʢաڈಉࣾͰ1೥UXσβΠφʔͷΠϯ λʔϯʣ •

    Ϋϥ΢υϫʔΫε.jpͷσβΠφʔ ◦ τοϓϥΠϯͷࢪࡦνʔϜ ◦ σβΠϯγεςϜ ◦ σβΠϯάϧʔϓͷ͋Ε͜Ε • WebΞϓϦέʔγϣϯΞΫηγϏϦςΟྠಡձ • shuffle1on1 etc.
  2. CrowdWorks Inc.ʛ 13 ো֐΍ར༻ࠔ೉ͳঢ়ଶʹ͋Δ͕ͨΊʹى͜ΔࠔΓ͝ͱɾରࡦ 15 ΞΫηγϏϦςΟͷͨΊͷσβΠϯ ϙελʔ ো֐͸਎ମతͳ΋ͷ͚ͩͰ͸ͳ͍ ҎԼͷΑ͏ͳ͜ͱΛ͠ͳ͍Α͏ɺ ഑ྀ͕ඞཁ

    • ඈͼઌ͕ᐆດͳ໊শͷϦϯΫ ͷઃஔ • উखʹΞχϝʔγϣϯΛ࿈ଓ͠ ͯྲྀ͠ଓ͚Δ • αϙʔτ΍ϔϧϓʹΞΫηε͠ ʹ͘͘͢Δ
  3. CrowdWorks Inc.ʛ 17 ͋΍ͷͷ৔߹ • ௌ֮ো͕͍͕͋Γɺௌ֮Ͱ͸ಘΒΕͳ͍৘ใΛಘ͍ͨ • ͦ͏͍͏࣌ʹͲ͏͍͏ΞΫηγϏϦςΟ͕͋Δ͔ • ࣈນˠௌ֮ো͕͍ऀ͚ͩʹศར͔ߟ͑ͯΈΔ

    • ߴྸऀʹ΋ɺ΋ͬͱݴ͑͹શһֶ͕ͼʹ΋࢖͑ͨΓ͢Δ →ࣗ෼ࣗ਎ʹରͯ͠ΞΫηγϏϦςΟΛ࢖͏͚ͩͰɺपғ΋Θ͔Γ΍͘͢ͳͬͨΓ͢Δ৔߹͕ ͋Δ ݁ՌతʹΈΜͳwin-winʹͳΔͳΒ΍ͬͨํ͕ྑ͍ͱࢥ͏ ΍Βͣʹ݁ہωΨςΟϒʹͳΔ͘Β͍ͳΒ΍͔ͬͯΒωΨςΟϒ෦෼Λߟ͑ͨํ͕Growthʹ ͳΔ 19
  4. CrowdWorks Inc.ʛ 24 Ϋϥ΢υϫʔΫε.jp ษڧձͰΞΫηγϏϦςΟࢼݧ ʢ2021೥ʣ freeeגࣜձࣾͷҏݪྗ໵͞ΜʹΞΫηγϏϦςΟࢼݧ ͯ͠΋Β͏ νΣοΫͯ͠΋Βͬͨϖʔδͷॏཁ౓͕ߴ͍໰୊Λվ ળͯ̌͠ʹ͢Δ

    ࡮৽͞ΕͨϩάΠϯϖʔδ͸΄ͱΜͲ໰୊ͳ͠ͱͷධ Ձ͍͚ͨͩΔ ಈըɿଓɾ΋͋͠ͳ͕ͨʰΞΫηγϏϦςΟࢼݧʱΛ ΍Δ͜ͱʹͳͬͨΒ WP ZoomUP #71
  5. CrowdWorks Inc.ʛ 25 27 HTMLΛਖ਼͘͠ॻ͚ΔΑ͏ʹ͢ΔνΣοΧʔ - HTML಺෦ʹ࢖༻Ͱ͖Δλάͷ֬ೝ - WAI-ARIAΛਖ਼͘͠࢖༻͍ͯ͠Δ͔֬ೝ -

    ඞཁͳଐੑΛ෇༩͢Δ - alt ଐੑ - target=”_blank” - button ཁૉ΁ͷ type ଐੑ ҆৺ͯ͠ਖ਼͍͠HTMLΛॻ͚ΔΑ͏ʹ࢓૊ΈԽΛ͢Δ Ϋϥ΢υϫʔΫε.jp Markuplint ͷ׆༻ ʢ2021೥ʙݱࡏʣ
  6. CrowdWorks Inc.ʛ 35 ϏζΞγ • جຊతʹ୯Ґ͸remͰطʹ࣮૷ࡁΈ • rootཁૉʢhtmlʣʹ font-size: 16px;

    ͷࢦఆ͕͋ ΔͨΊϒϥ΢βઃఆ͕ޮ͔ͳ͍ঢ়ଶΛղফ͢Δ ϒϥ΢βͰઃఆ͞Ε͍ͯΔϑΥϯτα ΠζͷઃఆΛ൓ө͢Δ ར༻ऀͦΕͧΕ͕ઃఆ͍ͯ͠ΔϑΥϯταΠζͰӾཡ͢Δ ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΔʂ
  7. CrowdWorks Inc.ʛ 37 ϏζΞγ • εΫϦʔϯϦʔμʔΛ࣮ࡍʹ࢖༻ͯ͠ΈΔ ʢVoice OverͳͲʣ • ϦϯΫ΍ը૾ͳͲ࣮ࡍʹεΫϦʔϯϦʔμʔͰ

    ฉ͍ͯΈͯɺҧ࿨ײ͕͋Ε͹ద੾ͳςΩετΛ ઃఆ͢Δ εΫϦʔϯϦʔμʔରԠ ࢹ֮ো֐͕͋ΔํͰ΋ར༻Ͱ͖ΔΑ͏ʹͳΔʂ
  8. CrowdWorks Inc.ʛ 46 Ϋϥ΢υϦϯΫε খ͘͞͸͡ΊΔσβΠϯγεςϜ ΞΫηγϏϦςΟऔΓ૊Έ - markuplintΛಋೖͯ͠ɺҰఆϨϕϧͷΞΫηγϏϦςΟΛ୲อ - ૉૣ͘ߏங͍ͯ͘͠தͰɺηϧϑνΣοΫ͢Δͷ͸೉͍͚͠ͲlinterͷϧʔϧͰΤϥʔʹͳͬͨ෼

    ͘Β͍͸ରԠ͍͚ͯ͠Δ - lintͷΤϥʔಡΈͳ͕ΒରԠ͍ͯ͘͠͏ͪʹগ͠ΞΫηγϏϦςΟΘ͔ΔΑ͏ʹͳͬͨؾ͕͢Δ borderपΓ͕ΞΫηγϏϦςΟ͕ѱ͍ͬΆ͍ͷͰվળؤுΓ·͢
  9. CrowdWorks Inc.ʛ • Slackɿ #accessibility • NotionɿΞΫηγϏϦςΟʹؔ͢Δϖʔδ(WIP) • QiitaهࣄʢΈʔͨ͞Μʣ ◦

    UDGษڧձ 2019/03/06 ◦ σβΠφʔษڧձ ΞΫηγϏϦςΟ 22.10.27 • ΄͔ʢେࢁ͞Μݸਓʣ ◦ awesome-japanese-a11y-companies Ϋϥ΢υϫʔΫεͷΞΫηγϏϦςΟ৘ใ 67