Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
資料作りのアクセシビリティ s-dev#11 LT
earlgrayMK
May 20, 2019
0
2.9k
資料作りのアクセシビリティ s-dev#11 LT
2019年5月20日 s-dev talks #11「定量データ分析」の5分LTでお話した資料です。
earlgrayMK
May 20, 2019
Tweet
Share
More Decks by earlgrayMK
See All by earlgrayMK
miita
1
330
miita
1
1.5k
Featured
See All Featured
trallard
14
720
erikaheidi
14
4.3k
brianwarren
82
4.7k
jcasabona
8
550
thoeni
3
610
addyosmani
1346
190k
vanstee
117
4.9k
jonrohan
1021
380k
schacon
145
6.6k
roundedbygravity
84
7.9k
pauljervisheath
195
15k
addyosmani
494
110k
Transcript
ࢿྉ࡞ΓͷΞΫηγϏϦςΟ s-dev talks ʙαʔϏε։ൃษڧձʙ#11 5LT $SPXE8PSLT*OD 69&OHJOFFS ྛ ඒل FBSMHSBZ.,
Έʔͨ $SPXE8PSLT *OD69&OHJOFFS TEFWUBMLTӡӦ FBSMHSBZ., ࠷ۙɺΠϕϯτࢀՃ͢Δͱʮ͋ɺ͜ͷΞΠίϯ5XJUUFSͰΈͨ͜ͱ͋Γ·͢ʔʂʯͱݴΘΕΔ΄ͲͷπΠഇͰ͢ɻ
69ΤϯδχΞͰ͕͢ࠓٕज़ͷ͠·ͤΜɻ ͑ΔͨΊͷΞΫηγϏϦςΟʹ͍͓͍ͭͯͨ͠ͱࢥ͍·͢ɻ FBSMHSBZ.,
FBSMHSBZ., օ͞ΜʮΞΫηγϏϦςΟʯͱฉ͍ͯ Ͳ͏͍͏ΠϝʔδΛ͍࣋ͬͯ·͔͢ʁ ಥવͰ͕͢
FBSMHSBZ., ো͕͍ऀͷͨΊʁ ܾͯ͠ো͕͍ऀͷΑ͏ͳಛघͳ͍ํΛ͢ΔਓͷͨΊ͚ͩͰ͋Γ·ͤΜɻ ΞΫηγϏϦςΟʹ͍ͭͯ
FBSMHSBZ., αʔϏεʹରͯ͠ͳΒ ΈΜͳ͕αʔϏεΛ ͍͍͢Α͏ʹ͢ΔͨΊ Ͱ͋Γ·͢ɻ 今はモバイルデバイスや遅いネットワークを利⽤している⼈々のためのものでもあると 考えられています。 ΞΫηγϏϦςΟʹ͍ͭͯ
⽉末で通信制限!! 3Gでしか⾒れない&電⾞の中でサイトが全然表⽰されない! • ⽂字だけ表⽰したら情報は得られる • safariには標準で「リーダー表⽰」機能がある FBSMHSBZ., 俺はキーボードでサクサク画⾯操作するtab使いさ • h7ps://yossense.com/tab-key/
サイト運営側から⾒てもマシンリーダブル =検索クローラーが⾛りやすい=SEOの対策にもなる
FBSMHSBZ., アクセシビリティとは... 能⼒や環境にかかわらずユーザー全員が、同じ情報を得られ ること ちなみによく対等に使われるユーザビリティとは... リーチできるユーザーに対する「使いやすいか使いづらいか」 Έʔͨͷղऍ
FBSMHSBZ., ຊདྷͳΒ͜ͷྲྀΕͩͱαʔϏεʹམͱ͠ࠐΉٕज़Λ ͢ͱ͜ΖͳΜͰ͕͢ɺΞφϦετ͕ଟ͍͔ͳʔͱ ࢥ͏ͷͰɺࠓճࢿྉ࡞Γʹؔͯ͠͠·͢ɻ
FBSMHSBZ., ࢿྉΛ࡞Δͱ͖ʹҙ͍ࣝ͢͠ ΞΫηγϏϦςΟରԠͬͯͳΜͩΖ͏
FBSMHSBZ., ৭ऑোͷਓ உੑͰਓʹਓɺঁੑͰਓʹਓͱݴΘΕ͍ͯ·͢ɻ ৭͔͍ͭʹؾΛ͚ͭͯΈΔ
FBSMHSBZ., ৭͔͍ͭʹؾΛ͚ͭͯΈΔ ྫ͑ɺࢿྉ࡞Γͷࡍʹ ͜ͷத͔ΒબΜͰΈΔ https://jfly.uni-koeln.de/colorset/CUD_color_set_GuideBook_2018.pdf カラーユニバーサルデザイン推奨配⾊セット ガイドブック
FBSMHSBZ., ଟ͗͢Δʂͱײͨ͡ͳΒ ͪ͜ΒͷύϨοτΛ ࢀߟʹ͍͍͔ͯ͠ https://note.mu/oremega/n/n6a20a4459a6b チャートでイイ感じな⾊を模索した話 ৭͔͍ͭʹؾΛ͚ͭͯΈΔ
FBSMHSBZ., ৭ʹཔΒͳ͍ • ⽂章中なら太字や「かぎかっこ」下線などの装飾で強調 • グラフなどは⾯に柄を付けたり、折り線の点を記号にする モノクロに印刷しても分かりやすい 0 1 2
3 4 5 hoge fuga 系列 3 系列 2 系列 1 ৭͔͍ͭʹؾΛ͚ͭͯΈΔ
FBSMHSBZ., ͜ΕΒΛؾΛ͚ͭΔ͚ͩͰΘΔਓ͕૿͑Δ͔ὑ
5IBOLZPV FBSMHSBZ.,