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
970
インクルーシブに楽しむアクセシビリティ
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
380
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
360
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
530
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
majimasachi
1
810
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
320
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
majimasachi
10
1.9k
認知心理学に学ぶ 伝わる情報デザイン / Cognitive psychological information design
majimasachi
8
3.3k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
majimasachi
15
37k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
majimasachi
1
1.1k
Other Decks in Design
See All in Design
今日から意識できるアクセシビリティ
fumiko
0
230
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
1.1k
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.4k
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
3.4k
UXデザインはなぜ定着しないのか?
designstudiopartners
0
500
250131_product meetup
motokoishida
0
190
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
7
1.1k
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
1
970
Bulletproof Design System with TypeScript
takanorip
5
2.6k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
190
問いの変遷
iflection
0
120
The Golden Whitney
ohtristanart
PRO
0
390
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
It's Worth the Effort
3n
184
28k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
How STYLIGHT went responsive
nonsquared
100
5.6k
Code Review Best Practice
trishagee
68
18k
Music & Morning Musume
bryan
47
6.5k
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