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
290
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
380
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
majimasachi
1
750
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
270
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
majimasachi
10
1.8k
認知心理学に学ぶ 伝わる情報デザイン / 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.6k
Other Decks in Design
See All in Design
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
1.2k
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.9k
portfolio
amitnk
1
160
Карта реализации историй — убийца USM
ashapiro
0
260
Памятка-раздатка по Карте процесса-опыта, А4
ashapiro
1
470
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
330
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
680
Night Shift concept 9/15/2024
cpineda57
0
750
Осязаемый потребительский опыт. Ловим его за хвост с Картой процесса-опыта
ashapiro
2
240
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
600
知を活かせるチームづくりとは?-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
760
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
4
250
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
73
9.1k
Mobile First: as difficult as doing things right
swwweet
222
9k
Building Better People: How to give real-time feedback that sticks.
wjessup
365
19k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Writing Fast Ruby
sferik
628
61k
Done Done
chrislema
181
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Faster Mobile Websites
deanohume
305
30k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
KATA
mclloyd
29
14k
VelocityConf: Rendering Performance Case Studies
addyosmani
326
24k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
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