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
8845musign
March 08, 2019
Design
1
900
業務システムに必要なアクセシビリティ
CA11Y #1 〜アクセシビリティはじめて物語〜
8845musign
March 08, 2019
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
0
280
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
210
業務システム狂詩曲
8845musign
3
1.9k
READING The Atomic Workflow
8845musign
3
610
いまさら styled components 入門した
8845musign
3
760
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.5k
チームをかえていくこと そして、泥臭さについて
8845musign
1
1.8k
感性デザインとは?
8845musign
3
1.6k
○DD駆動開発
8845musign
1
130
Other Decks in Design
See All in Design
Ride or Die Animatics
warwatkar
0
140
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
370
Information Architects: The Missing Link in Design Systems
soysaucechin
0
130
2024デザすぷVol.4 新年会/ Design Sprout Bar vol-4
root_recruit
1
350
Sunny Day Storyboard
ctagulao98
0
140
Breaking News on the Web
souvikdg
0
100
マスとAIをなめらかにつなぐデザイン
abcmisuzu
0
250
データ活用に強い、伴走型デザインパートナー「DeC」紹介資料
hopin
0
240
Web 組版の課題とその解法
yamatoiizuka
0
120
マルチプロダクトの価値と開発をスケールさせる、パターンレベルのデザインシステム
fkady
1
520
231206_Book-launch-event_kato
hjmkth
2
1.2k
プロジェクトを成功に導く、デザイナーの仕事
akaneyoshikawa
0
150
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
21
4k
Side Projects
sachag
451
41k
The Illustrated Children's Guide to Kubernetes
chrisshort
32
47k
The Cult of Friendly URLs
andyhume
74
5.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
67
14k
Faster Mobile Websites
deanohume
300
30k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
Art, The Web, and Tiny UX
lynnandtonic
290
19k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.7k
Debugging Ruby Performance
tmm1
70
11k
Why Our Code Smells
bkeepers
PRO
331
56k
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
Transcript
ۀγεςϜʹඞཁͳ ΞΫηγϏϦςΟ $":ʙΞΫηγϏϦςΟ͡Ίͯޠʙ ԣथ
ࣗݾհ @8845musign Designer & Director ෲےϩʔϥʔͷྗΛ৴͡Ζ
ۀγεςϜͷϢʔβ ԣथ wॳڃऀ wதڃऀ wർΕͨਓ
Inclusive Panda ԣथ ग़యɹhttps://medium.com/misusability/introducing-the-inclusive-panda-86acf2a835e5
ϚΫϩͳࢹ͔Βͷ ΞΫηγϏϦςΟ
ཁૉ: ΞϑΥʔμϯε ߘ͢Δ ԡͤΔ ϑΥʔΧεͰ͖Δ
ԡͤΔ ϑΥʔΧεͰ͖Δ ཁૉ: a11y ߘ͢Δ จࣈͷେ͖͞ ৭ͷίϯτϥετ ΩʔϘʔυૢ࡞
ը໘ϨΠΞτ: ΞϑΥʔμϯε ߘ͢Δ ͭͿ͖ ͭͿ͚Δ
ߘ͢Δ ͭͿ͖ ͭͿ͚Δ ίϯτϥετ ը໘ϨΠΞτ: a11y
ϨΠΞτ: a11y ߘ͢Δ ͭͿ͖ ͭͿ͚Δ Ұ؏ੑ
ϨΠΞτ: a11y ߘ͢Δ ͭͿ͖ ͭͿ͚Δ ΞϑΥʔμϯεͱݟͨͷҰக ϘλϯΛԡ͢ͱɺೖྗͨ͠ςΩετ͕ ߘ͞ΕΔ
σβΠϯγεςϜͱίϯτϥετ λεΫ໊ ظ εέδϡʔϧ50%0 ՈʹؼΔ ֬ఆਃࠂ ༡ͼʹ͍͘
ग़ࣾ Ԇ ·ͩ ·ͩ ·ͩ
σβΠϯγεςϜͱίϯτϥετ εέδϡʔϧ50%0 λεΫ໊ ظ ՈʹؼΔ ֬ఆਃࠂ
༡ͼʹ͍͘ ग़ࣾ Ԇ
σβΠϯγεςϜͱίϯτϥετ ؔੑ ৭ɺେ͖͞ɺܗঢ়ͳͲ
ۀ:༗څٳՋਃ ༗څٳՋਃ
༗څٳՋਃ: a11y w આ໌Λड͚ͣͱਃΛߦ͏͜ͱ͕Ͱ͖Δ w ਃ͍ͭͰऔΓԼ͛Δ͜ͱ͕Ͱ͖Δ w ਃ༰͍ͭͰมߋ͢Δ͜ͱ͕ՄೳͰ͋Δ w ୭ʹڐՄΛऔΒͣʹਃΛߦ͏͜ͱ͕Ͱ͖Δ
a11y : ۀ / ϙΠϯτ ใͷΞΫηε ͕ࣗ༝Ͱ͋Δ͜ͱ ۀΛߦ͢Δਓ͕ࣗ༝ͳ λΠϛϯάͰߦ͑Δ͜ͱ
༗څٳՋਃ: a11y w આ໌Λड͚ͣͱਃΛߦ͏͜ͱ͕Ͱ͖Δ w ਃ͍ͭͰऔΓԼ͛Δ͜ͱ͕Ͱ͖Δ w ਃ༰͍ͭͰมߋ͢Δ͜ͱ͕ՄೳͰ͋Δ w ୭ʹڐՄΛऔΒͣʹਃΛߦ͏͜ͱ͕Ͱ͖Δ
ݖརͷΞΫηγϏϦςΟ
ΞΫηγϏϦςΟ ՁΛੜΉ ࠩҟԽ ࣾձͱͯ͠ͷ͋Γ͔ͨ ޮԽ ྫ͑
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠