Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
業務システムに必要なアクセシビリティ
Search
8845musign
March 08, 2019
Design
1.2k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
業務システムに必要なアクセシビリティ
CA11Y #1 〜アクセシビリティはじめて物語〜
8845musign
March 08, 2019
Transcript
21 slides
ۀγεςϜʹඞཁͳ ΞΫηγϏϦςΟ $":ʙΞΫηγϏϦςΟ͡Ίͯޠʙ ԣथ
ࣗݾհ @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 ୭ʹڐՄΛऔΒͣʹਃΛߦ͏͜ͱ͕Ͱ͖Δ
ݖརͷΞΫηγϏϦςΟ
ΞΫηγϏϦςΟ ՁΛੜΉ ࠩҟԽ ࣾձͱͯ͠ͷ͋Γ͔ͨ ޮԽ ྫ͑
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
1
1.5k
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
380
業務システム狂詩曲
8845musign
4
2.3k
READING The Atomic Workflow
8845musign
3
830
いまさら styled components 入門した
8845musign
3
980
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.9k
チームをかえていくこと そして、泥臭さについて
8845musign
1
2.3k
感性デザインとは?
8845musign
4
2.1k
○DD駆動開発
8845musign
1
190
Other Decks in Design
See All in Design
Edmonton River Slidedeck
edmontonriver
0
490
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
cygames
PRO
2
1.7k
UNION TEC GROUP | 2026' Project Portfolio
uniontec2000
0
150
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
4
5.7k
decksh object reference
ajstarks
2
1.9k
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
muture
PRO
1
410
コールセンターのオペレーターに6時間だけなってみた
h0sa
0
490
ロゴマークは「象徴」だ! 〜JAWS FESTA in AKITA 2026のロゴマークに寄せて〜
hachihcah
0
470
デザイナーの判断をAIにつなぐ ── 審美眼をハーネスする試み
kotasaito_cnt
0
1.4k
凡庸を落とすハーネス
hiromimaeo
2
1.1k
Webデザイナー中田美穂_ポートフォリオ
omy
0
240
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
14
23k
Featured
See All Featured
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
530
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
790
Believing is Seeing
oripsolob
1
280
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
460
SEO for Brand Visibility & Recognition
aleyda
0
4.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
590
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
23k
The Cult of Friendly URLs
andyhume
79
7.1k
Statistics for Hackers
jakevdp
799
230k
Large-scale JavaScript Application Architecture
addyosmani
516
110k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
2
6.4k