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
450
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
380
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
570
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
majimasachi
1
830
あかるいブランドカラーと コントラストの話 / 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
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
140
AIで加速するアクセシビリティのこれから
magi1125
3
570
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
210
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
470
Haley's adventure chase
ivettetwin
0
240
CMS管理画面のアクセシビリティ
magi1125
8
2.3k
AI動画生成ガチャ紹介
piyo7
1
140
How to get a Tiger to Tulsa
mcduckyart
0
110
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
490
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.7k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.4k
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Scaling GitHub
holman
460
140k
Navigating Team Friction
lara
187
15k
Writing Fast Ruby
sferik
628
62k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
How STYLIGHT went responsive
nonsquared
100
5.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
RailsConf 2023
tenderlove
30
1.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Into the Great Unknown - MozCon
thekraken
40
1.9k
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