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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
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