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
majimasachi
January 27, 2018
Design
4
980
インクルーシブに楽しむアクセシビリティ
WCK Meeting Vol.58「新春ライトニングトーク大会2018」での登壇資料です。
https://twitter.com/mjmjsachi
majimasachi
January 27, 2018
Tweet
Share
More Decks by majimasachi
See All by majimasachi
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
440
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
380
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
560
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
majimasachi
1
820
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
330
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
majimasachi
10
1.9k
認知心理学に学ぶ 伝わる情報デザイン / Cognitive psychological information design
majimasachi
8
3.3k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
majimasachi
15
38k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
majimasachi
1
1.1k
Other Decks in Design
See All in Design
AIで加速するアクセシビリティのこれから
magi1125
3
540
私とデザインの10年
iflection
0
150
AI動画生成ガチャ紹介
piyo7
1
110
NAHO SHIMONO_Portfolio2025
nahohphp
0
850
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
250
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.7k
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.9k
PF_濵村ひろみ_202503
maru_design78
0
180
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
670
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
3
970
Echoes Boomerang
artcloudyu
PRO
0
240
UXデザインはなぜ定着しないのか?
designstudiopartners
0
720
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
A Modern Web Designer's Workflow
chriscoyier
694
190k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Testing 201, or: Great Expectations
jmmastey
42
7.6k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Automating Front-end Workflow
addyosmani
1370
200k
Unsuck your backbone
ammeep
671
58k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Scaling GitHub
holman
459
140k
KATA
mclloyd
30
14k
How GitHub (no longer) Works
holman
314
140k
Transcript
WCK Meeting Vol.58 2018.01.27 ؒౢࠫ ΠϯΫϧʔγϒʹָ͠Ή ΞΫηγϏϦςΟ
ΞΫηγϏϦςΟ ࣗʹؔͳ͍ ڵຯͳ͍ɾͭ·Βͳ͍ ʮָ͠Ήʯ ͳΜ͚͔ͯ͠ΒΜʂ োऀߴྸऀͷͨΊͷͷ ʹ
ΞΫηγϏϦςΟ ΊΜͲ͍͘͞ɾ༥௨͕͖͔ͳ͍ ϚαΧϦ͜Θ͍ ʮָ͠Ήʯ ͱ͔ͳ͍Θʜ ΨΠυϥΠϯ४ڌͷ͍ۤࢥ͍ग़ ʹ
ΞΫηγϏϦςΟ ίʔσΟϯά͠ͳ͍͠ ۀɾडୗͩ͠ ཁ݅ʹ্͕ͬͯͳ͍͠ ͬͨํ͕ྑ͍ͷ͔Δ͚Ͳʜ ʹ ࠓͷڥɾཱͰऔΓΊͳ͍
Change the Image of Accessibility ʬຊͷ͓ͳ͠ʭ ͦΕͧΕͷॴͰؔΘΕΔ 69ʹͭͳ͕ΔΞΫηγϏϦςΟ
ࢲΞΫηγϏϦςΟͷ ઐՈͰ͋Γ·ͤΜ
ࣗݾհ ʮΞΫηγϏϦςΟΛΔ͜ͱʯ ͕తͰͳ͘ ίϯςϯπ͕ΑΓྑ͘ΘΔ͜ͱυϦϒϯ ࢴഔମग़ͷσβΠφʔʗϑϦʔϥϯε %51ɾΣϒͷσβΠϯʗ࣌ʑίʔσΟϯά খنडୗҊ݅ It’s Position Talk
ࣗݾհ ʮΞΫηγϏϦςΟΛΔ͜ͱʯ ͕తͰͳ͘ ίϯςϯπ͕ΑΓྑ͘ΘΔ͜ͱυϦϒϯ ࢴഔମग़ͷσβΠφʔʗϑϦʔϥϯε %51ɾΣϒͷσβΠϯʗ࣌ʑίʔσΟϯά খنडୗҊ݅ It’s Position Talk
ࢴഔମ
ຊ ͓Γͨ͠ ϙελʔ
ຊ ͓Γͨ͠ ϙελʔ ຊ ͓Γͨ͠ ϙελʔ ⌘ + Shift +
O จࣈͷΞτϥΠϯԽ ೖߘલͷ͓ଋ ϑΥϯτɾจࣈ٧ΊɾϨΠΞτɾ৭FUD σβΠφʔͷҙਤΛͦͷ··ݻఆͯ͑͠ΒΕΔ ࢴͳΒͰͷಛ
ຊ ͓Γͨ͠ ϙελʔ ຊ ͓Γͨ͠ ϙελʔ ςΩετΛίϐϖͰ͖ͳ͍ ػց༁Ͱ͖ͳ͍ ࢹ֮ʹোͷ͋ΔਓಡΊͳ͍ ંͬͯϨεϙϯγϒΒͳ͍
෦ݶఆ ΞΫηεͰ͖Δਓݶఆ͞ΕΔ ݟग़͕͠ݟग़͠ʹݟ͑Δͷɺ ͦ͏σβΠϯ͔ͨ͠Β ʢࢹ֮ใୡʣ
ϚʔΫΞοϓͯ͠ ΣϒͰެ։ͨ͠Βʁ
ΣϒʹࡌΔ͚ͩͰ ѹతʹΞΫηγϒϧ ͋ͳͨͷՁΛߴΊΔ8FCΞΫηγϏϦςΟʛҏݪྗ ʠ ʡ
1$ʗεϚϗʗλϒϨοτʗݕࡧϩϘοτ ࣈσΟεϓϨΠʗ֦େڸʗ৭సදࣔ εΫϦʔϯϦʔμʔʗԻೖྗσόΠε Ϣʔβʔʷར༻ڥ ܗΛม༷͑ͯʑͳ໘ঢ়گʹରԠͰ͖Δ ݟͨΛ͕Εͯݟग़͠ݟग़͠ͱͯ͠ΘΔϩϚϯ ΣϒΞΫηγϏϦςΟͷັྗ⁞
αΠτΛ࡞Δલʹ ઓུͷࡦఆ ཁ݅ఆٛ φϏήʔγϣϯઃܭ ΠϯλϥΫγϣϯઃܭ γεςϜઃܭ ίϯςϯπઃܭ ϏδϡΞϧσβΠϯ ࣮ 1
2 3 4 5 6 7 8 9 CONTENTS αΠτΛ࡞Δલʹ ઓུͷࡦఆ ཁ݅ఆٛ φϏήʔγϣϯઃܭ ΠϯλϥΫγϣϯઃܭ γεςϜઃܭ ίϯςϯπઃܭ ϏδϡΞϧσβΠϯ ࣮ 1 2 3 4 5 6 7 8 9 CONTENTS
αΠτΛ࡞Δલʹ ઓུͷࡦఆ ཁ݅ఆٛ φϏήʔγϣϯઃܭ ΠϯλϥΫγϣϯઃܭ γεςϜઃܭ ίϯςϯπઃܭ ϏδϡΞϧσβΠϯ ࣮ 1
2 3 4 5 6 7 8 9 CONTENTS
ίϯςϯπΛΑΓྑ͑͘ΔͨΊʹ ීஈߟ͍͑ͯΔ͜ͱͱ ͭͳ͕͍ͬͯΔʂʂʂ ΞΫηγϏϦςΟಛผͳ͜ͱ͡Όͳ͍
͠͠ར༻ऀશൠͷ ϢʔβϏϦςΟΛ্ͤ͞Δ ΞΫηγϏϦςΟʹऔΓΉ͜ͱ ʠ ʡ 8FC$POUFOU"DDFTTJCJMJUZ(VJEFMJOFT 8$"( ংจ ΣϒΞΫηγϏϦςΟͷັྗ
2017 ٸු্ϫʔυ
ΠϯΫϧʔγϒɾσβΠϯ
͜Ε·Ͱআ֎͞Ε͖ͯͨ ϢʔβʔΛแؚ ʢincludeʣ ͠ ͔ͭϏδωεͱͯ͠Γཱͭ σβΠϯΛࢦ͢ߟ͑ํ ʠ ʡ 1994ΠΪϦεൃ
69 ΨΠυϥΠϯΛຬͨ͢͜ͱΛతԽ͠ͳ͍ ͦͷઌͷ69Λݟਾ͑ͨ ΞΫηγϏϦςΟͷσβΠϯ ʠ ʡ ʮΠϯΫϧʔγϒσβΠϯʯͷೋͭͷࢹʔ69σβΠϯͷͱͯ͠ͷΣϒΞΫηγϏϦςΟ 8FCTJUF6TBCJMJUZ*OGP
! ! ! " " " ! # # #
$ $
! ! ! " " " ! # # #
$ $ ֎Ͱ ݟ͍ͯΔ ؟͕ ਐΜͩ Ϛε͕ ͜ΘΕͨ Ոʹ ͢͢Ί͍ͨ 0, (PPHMF
ϖϧιφ Ϣ ɹ β ɹ ʹ ͔ ͏ ྗ
ʔ ʔ ΠϯΫϧʔγϒɾσβΠϯͷΞϓϩʔν ଟ༷ͳϢʔβʔΛ্ྲྀఔ͔Βר͖ࠐΜͰσβΠϯ͢Δ
ϖϧιφ Ϣ β ʹ ͔ ͏ ྗ ʔ ʔ
ϦʔυϢʔβʔ ΠϯΫϧʔγϒɾσβΠϯͷΞϓϩʔν ଟ༷ͳϢʔβʔΛ্ྲྀఔ͔Βר͖ࠐΜͰσβΠϯ͢Δ ΞΫηγϏϦςΟʹͷΞϓϩʔν
ʮোऀɾߴྸऀରԠʯ Ҏ֎ͷͨ͘͞ΜͷϝϦοτ ΨΠυϥΠϯʹࡌ͍ͬͯͳ͍ΞΫηγϏϦςΟ
ΞΫηγϏϦςΟ Σϒ੍࡞ʹؔΘΔશͯͷਓ͕ औΓೖΕΒΕΔࢹ ΨΠυϥΠϯͦͷࢹΛ૿͢ڧྗͳಓ͠Δ ʢ༧ࢉ͕ͳ͍ɾ͕࣌ؒͳ͍ਓʹʣ
Կ͕࠷ྑͳͷ͔Λߟ͑Δͷ ΞΫηγϏϦςΟͷઐՈͷࣄͰͳ͘ ίϯςϯπ੍࡞ऀͰ͋ΔσβΠφʔͷࣄ ʠ ʡ ΞΫηγϏϦςΟͷઐՈͷݴ͏͜ͱ།Ұͷਖ਼ղͰͳ͍ʛਫແ݄͚Βͷ͑ͼه σβΠϯɿԿΛͲ͏͑Δ͔Λߟ͑Δ͜ͱ ʢاըઃܭϚʔΫΞοϓσβΠϯʣ
Ϛγϯ Ϧʔμϒϧ ώϡʔϚϯ Ϧʔμϒϧ ςΩετ ηϚϯςΟοΫ Φʔϓϯσʔλ ฤूɾϥΠςΟϯάɾ*" اըɾઓུɾཁ݅ఆٛ ϏδϡΞϧ
6* ΠϯλϥΫγϣϯ γεςϜ ΞΫηγϏϦςΟͷࢹΛऔΓೖΕΔͱ ʮΘΔྗʯ ͙ͬͱڧ͘ͳΔ
ίϯςϯπΛΑΓྑ͑͘ΔͨΊʹ
ʮकΓʯ ͔Β ʮ߈Ίʯ ͷΞΫηγϏϦςΟ
&OKPZ "Z ͋Γ͕ͱ͏͍͟͝·ͨ͠ @mjmjsachi