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
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
530
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
130
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
150
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.2k
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
280
#Dubois Challenge 2025: Economics
ajstarks
1
160
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
200
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
230
CursorでAI活用のナレッジベースを構築する
kanzaki
0
620
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
160
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
780
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Into the Great Unknown - MozCon
thekraken
40
2k
Optimizing for Happiness
mojombo
379
70k
Docker and Python
trallard
45
3.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Visualization
eitanlees
147
16k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
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 ୭ʹڐՄΛऔΒͣʹਃΛߦ͏͜ͱ͕Ͱ͖Δ
ݖརͷΞΫηγϏϦςΟ
ΞΫηγϏϦςΟ ՁΛੜΉ ࠩҟԽ ࣾձͱͯ͠ͷ͋Γ͔ͨ ޮԽ ྫ͑
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠