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
アクセシビリティを向上していくために出来ることから進めてみた! ~2019まとめ~
Search
earlgrayMK
December 10, 2019
How-to & DIY
760
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
アクセシビリティを向上していくために出来ることから進めてみた! ~2019まとめ~
2019/12/10に行われた「年忘れアクセシビリティーLT&雑談ナイト! 」にて話した資料です。
pdfはアクセシビリティ向上できてません。すみません...
earlgrayMK
December 10, 2019
More Decks by earlgrayMK
See All by earlgrayMK
ふとした出会いで生まれたSkillが、 社内利用1位になるまで
mikimhk
21
23k
成果を「デザイン」する技術広報 ~ デザイン思考でブース運営の型をつくる ~
mikimhk
2
2.6k
資料作りのアクセシビリティ s-dev#11 LT
mikimhk
0
3.9k
Atomic Designと付き合うコツ♡
mikimhk
1
1.8k
Other Decks in How-to & DIY
See All in How-to & DIY
AWS Summit Japan 2025 個人的参加レポート
midnight480
0
480
なぜISPでオリジナルカードゲームを作ったのか?制作者と対談 - NIFTY Tech Talk #25
niftycorp
PRO
0
130
JAWS-UG/AWS Community Update - JAWS-UG栃木 #6
awsjcpm
0
140
蓮ノ空女学院スクールアイドルクラブはなぜ強いのか
subroh0508
0
120
Goカードゲームを 作ってみた!
senoue
0
310
スマートハウスの蓄電性能の効率化を実現してみた~電気自動車編~
runrunsan
0
570
Trying "Vibe No-code/Low-code" with MCP #noderedjp
n0bisuke2
0
170
ときメモは 運営が30年かけて “実プレイ”していた
mzryuka
0
130
終わりのない会議を超えて:HolacracyのTactical Meetingを体験しよう!
andrearc
0
390
OpenClawハンズオンでのトラブルとデバイス向けなんちゃらクロー #IoTLT vol133
n0bisuke2
1
290
파이썬 토룡신점 운영후기
lqez
0
570
なぜJAWS-UGはこんなにも活発なのか?
awsjcpm
1
270
Featured
See All Featured
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Rails Girls Zürich Keynote
gr2m
96
14k
The browser strikes back
jonoalderson
0
1.6k
The SEO identity crisis: Don't let AI make you average
varn
0
540
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.4k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
240
Design in an AI World
tapps
1
290
How to Ace a Technical Interview
jacobian
281
24k
Un-Boring Meetings
codingconduct
0
400
Become a Pro
speakerdeck
PRO
31
6.2k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
490
Transcript
ΞΫηγϏϦςΟΛ ্͍ͯͨ͘͠Ίʹ ग़དྷΔ͜ͱ͔ΒਐΊͯΈͨʂ ʙ·ͱΊʙ ΕΞΫηγϏϦςΟʔ-5ࡶஊφΠτ $SPXE8PSLT *OL .*,*)":"4)* !FBSMHSBZ.,
ࣗݾհ Έʔͨ .*,*)":"4)* 69&OHJOFFS $SPXE8PSLTKQ ϑϩϯτΤϯυάϧʔϓ େֶͰσβΠϯֶΜͰ৽ଔͰΤϯδχΞ࢝Ίͯ FBSMHSBZ.,
https://designer.crowdworks.co.jp/entry/proclaim-a11y
$SPXE8PSLTʹ͓͚ΔΞΫηγϏϦςΟͷՁ
• ΫϥυιʔγϯάαʔϏε • ձһສਓʢ ݄ݱࡏʣ • ϥϯ̋ʔζ͞Μίί̋ϥ͞ Μͱࣅͯ·͢Ͷ
$SPXE8PSLT 7*4*0/ • ϦϞʔτϑϨοΫεͳಇ͖ํΛฐࣾͰ ਪਐ͍ͯ͠Δɻ • ೳྗڥʹ͔͔ΘΒͣϢʔβʔશһ͕ಉ ͡ใΛಘΒΕͯࣄΛग़དྷΔڥͮ͘Γ Λ͑ΒΕΔͱࢥ͍ͬͯͯɺͦΕΛ8FC αʔϏεͱͯ͠࡞Γ͍ͨɻ
ಇ͖ํֵ໋ ੈքͰ࠷ͨ͘͞ΜͷਓʹใुΛಧ͚ΔձࣾʹͳΔ
<ࣾ>σβΠφʔษڧձͰ͑ͯΈͨ
ΞΫηγϏϦςΟೖ • ʮΞΫηγϏϦςΟʯͷΠϝʔδ • ݈ৗऀͰΞΫηγϏϦςΟ͕ߟྀ͞Ε͍ͯΔαʔϏε͍͍͢ • 69ϋχΧϜߏʹஔ͚ΔΞΫηγϏϦςΟͷཱͪҐஔ • ւ֎ͰͨΓલͳଘࡏʹɻ •
$8ͱͯ͠ͳͥΞΫηγϏϦςΟҙࣝΛ͖࣋ͭͳͷ͔ • ։ൃϝϯόʔ͕ؾΛ͚͍͖͍ͭͯͨΞΫηγϏϦςΟͷྀͱ ৭ຯɺϦϯΫςΩετɺใઃܭ
• $44/JUF -1ʰ8FCΞΫηγϏϦςΟͷֶߍʱಛผतۀ • αΠϘζͷ৫తͳऔΓΈͱϏδϡΞϧσβΠϯ • ଞͷձࣾͷਓୡ͕ͲͷΑ͏ʹΞΫηγϏϦςΟΛ ্͍͍ͯͬͯ͠Δ͔ͷϓϩηεΛڞ༗ Πϕϯτͷηογϣϯಈըؑձ
<ࣾ>4MBDLνϟϯωϧͷ։ઃͯ͠Έͨ
• ΞΫηγϏϦςΟʹؔ͢ΔใΛਨΕ ྲྀ͍ͯ͘͠νϟϯωϧ • جຊࢲ͔͠ߘͯ͠ͳ͔ͬͨ • !ZBNBOPLV ͕ೖࣾͯ͘͠Ε͔ͯ ΒΊͪΌͪ͘Ό׆ൃͳνϟϯωϧʹ •
ਓ͔Βਓʹ XFCBDDFTTJCJMJUZ
<ࣾ>ࣥࣨʹϙελʔΛషͬͯΈͨ
• ӳࠃল 6,)PNF0GGJDF ΑΓ ൃද͞Εͨͷ • ຊޠ༁ͯͩͬͨ͘͠͞ͷ͕ެ ࣜެ։͞Εͨ • ΤϯδχΞ͕ଟΊͷ੮ʹషͬͯΈͨ
Βҙ֎ͱΤϯδχΞ͔ΒͷԠ͕ Α͔ͬͨ ʮΣϒΞΫηγϏϦςΟͷʰ͖͔Βͣʱϙελʔʯ
<ࣾ>ͬͱΔͨΊʹྠಡձΛߦͳͬͯΈͨ
• ୭͕ͬͯΔେਓؾ໊ஶʂ • ΤϯδχΞਓɺσβΠφʔਓ • ه೦͖͢ୈҰճʹϦϞʔτήετͰ ҏݪ͞Μʹ͓ӽ͍͍ͨͩͨ͠ σβΠχϯά8FCΞΫηγϏϦςΟྠಡձ
<ࣾ֎>ΠϕϯτొஃͰΞϓϩʔνͯ͠Έͨ
• TEFWUBMLTʙαʔϏε։ൃษڧձʙʹͯɺ-5ͯ͠Έͨɻ • ΞΫηγϏϦςΟ8FC͚ͩͷ ͷͰͳ͍Α • ීஈͷΞτϓοτͰ ؾΛ͚ͭΔ͜ͱ͕ग़དྷΔΑʂ ʮࢿྉ࡞ΓͷΞΫηγϏϦςΟʯ
ग़དྷΔ͜ͱ͔Β࢝ΊΔ
• ຊདྷͳΒ࣮ΛηϚϯςΟοΫʹ͠ ͍ͯ͘ͱ͍͏ͱ͜ΖΛ͍ͬͯ͘ ͖ͳͷͰ͠ΐ͏͕ɺਖ਼·ͩԿ ग़དྷͯͳ͍ͷ͕ݱঢ় • ଞਓࣄʹͤͣɺΈΜͳͰࣝΛ͚ ΒΕΔΑ͏ؤு͍͖͍ͬͯͨʂ ؒΛ૿͍͖͍ͯͨ͠
5IBOLZPV #FTUXJTIFTJOUIFOFXZFBS FBSMHSBZ.,