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
940
インクルーシブに楽しむアクセシビリティ
WCK Meeting Vol.58「新春ライトニングトーク大会2018」での登壇資料です。
https://twitter.com/mjmjsachi
majimasachi
January 27, 2018
Tweet
Share
More Decks by majimasachi
See All by majimasachi
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
300
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
430
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
majimasachi
1
760
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
280
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
majimasachi
10
1.9k
認知心理学に学ぶ 伝わる情報デザイン / Cognitive psychological information design
majimasachi
8
3.2k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
majimasachi
15
36k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
majimasachi
1
1k
明日からできるデザイン・コンテンツのアクセシビリティ入門2018 / A11y in Design and Contents
majimasachi
7
2.7k
Other Decks in Design
See All in Design
最速[要出典]アクセシビリティチェック
magi1125
2
160
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
110
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
500
Rayout Pattern 01
one0
0
430
Arborea Art Book
thebogheart
1
320
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
190
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
230
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
530
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
210
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
190
TUNAG BOOK 2024
stmn
0
420
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
450
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Agile that works and the tools we love
rasmusluckow
328
21k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Producing Creativity
orderedlist
PRO
343
39k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
30
2.1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
240
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
192
16k
Code Reviewing Like a Champion
maltzj
521
39k
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