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
1.1k
業務システムに必要なアクセシビリティ
CA11Y #1 〜アクセシビリティはじめて物語〜
8845musign
March 08, 2019
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
1
1.2k
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
260
業務システム狂詩曲
8845musign
4
2.1k
READING The Atomic Workflow
8845musign
3
720
いまさら styled components 入門した
8845musign
3
910
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.7k
チームをかえていくこと そして、泥臭さについて
8845musign
1
2.1k
感性デザインとは?
8845musign
4
1.8k
○DD駆動開発
8845musign
1
160
Other Decks in Design
See All in Design
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
650
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
160
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
530
portfolio.pdf
onof003
0
150
「UXとUIの違い」v2
shirasu3
0
210
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
490
Cyber Heart Online Book
hjnasby
0
170
Crisp Code inc. ブランドガイドライン
so_kotani
1
200
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
530
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
110
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.6k
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Mobile First: as difficult as doing things right
swwweet
223
9.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Visualization
eitanlees
146
16k
Into the Great Unknown - MozCon
thekraken
40
2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
820
The Art of Programming - Codeland 2020
erikaheidi
55
13k
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 ୭ʹڐՄΛऔΒͣʹਃΛߦ͏͜ͱ͕Ͱ͖Δ
ݖརͷΞΫηγϏϦςΟ
ΞΫηγϏϦςΟ ՁΛੜΉ ࠩҟԽ ࣾձͱͯ͠ͷ͋Γ͔ͨ ޮԽ ྫ͑
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠