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

Webアクセシビリティについて興味を持ってみよう

Avatar for C058 C058
November 01, 2017

 Webアクセシビリティについて興味を持ってみよう

社内ワークショップで利用した資料です。
Webアクセシビリティについてざっくり伝える目的で作成しました。

Avatar for C058

C058

November 01, 2017
Tweet

More Decks by C058

Other Decks in Design

Transcript

  1. ݈ৗऀ ো֐ऀ ոզਓ ͜Ͳ΋ ͓ͱͳ ߴྸऀ ػց ϩϘοτ…etc λονεΫϦʔϯ Ի੠ೖग़ྗ

    ΢ΣΞϥϒϧ σόΠε ΩʔϘʔυ͕ͳ͍ Ϛ΢ε͕ͳ͍ ଟ ༷ͳσΟεϓϨΠαΠζ…etc ԰֎Ͱ·Ϳ͍͠ ిं಺ͰԻ͕ग़ͤͳ͍ पΓ͕͏Δ͘͞ ͯԻ੠ೖग़ྗ͕Ͱ͖ͳ͍ ӡసதͰը໘ʹ஫໨Ͱ͖ͳ͍ σΟεϓϨΠ͕յΕͨ ոզΛ্ͯ͠ख͘ૢ࡞Ͱ͖ͳ͍ ར༻ऀ σόΠε ίϯςΩετ × ×
  2. ώϡʔϚϯϦʔμϒϧʁ • ಡΈ΍͢͞ʹ഑ྀ͍ͯ͠Δ͔ • ςΩετͷϑΥϯτ΍αΠζͳͲ • ࣝผ͠қ͍഑৭͔ • ৭͕ࣝผ͠қ͍ίϯτϥετ •

    ΩʔϘʔυ͚ͩͰૢ࡞Ͱ͖Δ͔ • ϦϯΫ͸ԡ͠΍͍͔͢ • ରԠ͍ͯ͠Δݴޠ͸े෼͔ • ৔߹ʹΑͬͯ͸ଟݴޠαΠτʹ΋ • ϖʔδͷσʔλྔ͸ଟ͘ͳ͍͔
  3. ϚγϯϦʔμϒϧ…ʁ • Web ඪ४ʹଇͬͯਖ਼͘͠ίʔσΟϯά • ৘ใͷ࿦ཧߏ଄ (ݟग़͠ɺஈམϦϯΫɺՕ৚ɺॻ͖ɺૠֆ౳ Λ໌֬ʹ • HTML

    λά͸ɺຊདྷͷ໨తͷͨΊʹ࢖͏ • σβΠϯͷͨΊʹςʔϒϧlayout͢Δͳ • جຊతʹ৘ใ͸ςΩετԽ (จࣈ৘ใԽ) • Ϛγϯ͕ͦͷ··Ͱ͸ղऍ/ཧղͰ͖ͳ͍৘ใ (ը૾ɺಈըɺԻ੠ ͳͲ) ͸ɺ୅ସͱͳΔςΩετ৘ใΛ༻ҙ • ద੾ͳλΠτϧ৘ใ΍ϝλ৘ใΛ੝ΓࠐΈɺίϯςϯπͷΞΠσϯςΟ ςΟΛ໌֬Խ • ϏδϡΞϧσβΠϯͷίʔσΟϯά͸ɺผ్ελΠϧγʔτͰ
  4. ࢀߟϦϯΫ • ૉਓͱ͸ҧ͏ɺWebϓϩϑΣογϣφϧͷ࢓ࣄͱͯ͠ͷWebίϯςϯπ։ ൃΛߟ͑ͯΈͨ- http://web-tan.forum.impressrd.jp/e/2012/05/17/ 12727 • ΞΫηγϏϦςΟ͔Β͸͡ΊΔɺWebαΠτͷUXσβΠϯ - https://

    www.slideshare.net/yoshinoriohta18/webux-54366899 • WebΞΫηγϏϦςΟʹඞཁͳͷ͸ʮཧ૝΁ͷ຋༁ʯ - FRONTEND CONFERENCE 2016ࢀՃใࠂ - http://blog.cybozu.io/entry/2016/03/09/ 080000 • ΍͸Γ͓લΒͷWebΞΫηγϏϦςΟ͸ؒҧ͍ͬͯΔ - http:// kidachi.kazuhi.to/blog/archives/038401.html • MacͷͨΊͷVoiceOver: VoiceOver ͷ֓ཁ- https://support.apple.com/ kb/PH22549?viewlocale=ja_JP&locale=ja_JP • ࣍ੈ୅Web͸ϒϥ΢βͷ֎ʹ͋Δ -http://www.yasuhisa.com/could/ article/nextwebconf-2015/
  5. ࢀߟϦϯΫ • ΞϝϒϩΛεΫϦʔϯϦʔμʔͰಡΈ্͛ͯΈͨ ~2016೥Ն~https:// speakerdeck.com/herablog/ameburowosukurinridadedu-mishang-getemita- 2016nian-xia • ໡໨ͷiPhoneϢʔβʔʹฉ͍ͨɺࢹ֮Λ࢖Θͳ͍ڻ͖ͷεϚϗૢ࡞ज़ - https://

    king.mineo.jp/magazines/special/387 • Web ΞΫηγϏϦςΟͱݺ͹Ε͍ͯΔ΋ͷͱ Web ΞϓϦ։ൃݱ৔ʹࢥ͍Λدͤͯ- https://havelog.ayumusato.com/develop/a11y/e726-web_a11y_and_webdev.html • ͳͥاۀ͸WebΞΫηγϏϦςΟʹऔΓ૊Ήͷ͔ʁ - https://www.slideshare.net/ waic_jp/web-72165033 • WebΞΫηγϏϦςΟΛ֬อ͢ΔϝϦοτ - https://weba11y.jp/basics/accessibility/ why/ • ͋ͳͨͷՁ஋ΛߴΊΔWebΞΫηγϏϦςΟ - https://www.slideshare.net/rikiha/ web-69781723