Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
A11y for Bass
Yuichi Sugiyama
May 16, 2019
2
440
A11y for Bass
春のアクセシビリティーLT&雑談ナイト!での発表です。
コントラバス奏者からみた街中のアクセシビリティについてです。
#gaad2019_tokyo
Yuichi Sugiyama
May 16, 2019
Tweet
Share
More Decks by Yuichi Sugiyama
See All by Yuichi Sugiyama
PHPアプリケーションだってモニタリングしたい / Monitoring PHP application
oogfranz
1
260
効果的な静的解析の CI導入パターンを求めて / Great static analysis with CI
oogfranz
2
2.4k
Dev-meets-Ops
oogfranz
1
610
GitHub力の低い僕でも、 OSSコントリビュートできたワケ / GitHub Power
oogfranz
1
260
静的解析の育て方 / How to make your static analysis strong
oogfranz
3
1.9k
改善失敗して学ぶ、 レガシープロダクトに立ち向かうチーム作り。
oogfranz
16
8.3k
PhpStormで重複コードを一瞬で見つける
oogfranz
2
280
Awesome PHP
oogfranz
1
80
知られざるSerialize
oogfranz
1
250
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
14
35k
Web development in the modern age
philhawksworth
197
9.3k
Building Better People: How to give real-time feedback that sticks.
wjessup
343
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
7
1k
Imperfection Machines: The Place of Print at Facebook
scottboms
253
11k
The Brand Is Dead. Long Live the Brand.
mthomps
45
2.7k
Reflections from 52 weeks, 52 projects
jeffersonlam
337
17k
Build your cross-platform service in a week with App Engine
jlugia
219
17k
Building Flexible Design Systems
yeseniaperezcruz
310
33k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
103
16k
Designing with Data
zakiwarfel
91
3.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
655
120k
Transcript
A11y for Bass MASHݭָஂ ਿࢁ ༞Ұ @oogFranz
Who am I • ਿࢁ ༞Ұ @oogFranz • αΠϘζ5ΤϯδχΞ •
ΞΫηγϏϦςΟͷࡇయ2018Ͱ খྛ͞ΜͷηίϯυΛΊΔ
• MASH ݭָஂ ϕʔε • δϓγʔδϟζ • 2nd ΞϧόϜʮΩχφϧΩϊίʯ Spotify,
iTunesͳͲͰઈࢍ৴தʂ Who am I
ίϯτϥόε • ϕʔεͱ͔ουϕʔεͬͯݴ͏ • όΠΦϦϯͷͰ͔͍ͭ • ॎ×ԣ×ߴ͞ = 40cm ×
70cm × 190cm • ͔͍͍ͬ͜࠷ߴͷָثɻ
Ͳ͏ͬͯӡͿͷʁ
ϕʔεόΪʔ
ϕʔεͷҠಈͷಛ • લޙҠಈͰ͖ΔɻࠨӈʹҠಈͰ͖ͳ͍ɻ • ػහੑͳ͍ • ݩݟ͑ͳ͍ • ͋Δఔ෯ͱߴ͕͞ඞཁ
9
ϕʔεͷҠಈͷಛ • લޙҠಈͰ͖ΔɻࠨӈʹҠಈͰ͖ͳ͍ɻ • ػහੑͳ͍ • ݩݟ͑ͳ͍ • ͋Δఔ෯ͱߴ͕͞ඞཁ ंҜࢠϕϏʔΧʔͳͲͱࣅͨಛ
9
֊ஈొΕΔʁ • ୲͛ొΕΔɻ߱ΓΕΔɻർΕΔ • ंҜࢠϢʔβʔϕϏʔΧʔϢʔβʔΑΓ গָ͔͠ɻ • Ͱ͖ΕΤϨϕʔλʔΛ͍͍ͨ 9
ϕʔεΛ࣋ͬͯ֗தΛҠಈ͢Δͱɺ όϦΞϑϦʔ͕ਐΜͰ͍ΔՕॴ͕ Α͘Θ͔Γ·͢ɻ ࣍ͷ͏ͪϕʔεΛ࣋ͬͯ Ҡಈ͍͢͠ͷͲ͜Ͱ͠ΐ͏ʁ
࣍ͷ͏ͪϕʔεΛ࣋ͬͯ Ҡಈ͍͢͠ͷʁ "ίϯϏχ #εʔύʔ $σύʔτ %Ӻ ※ਿࢁௐ
࣍ͷ͏ͪϕʔεΛ࣋ͬͯ Ҡಈ͍͢͠ͷʁ "ίϯϏχ #εʔύʔ $σύʔτ %Ӻ ※ਿࢁௐ
εʔύʔ͕ӡͼ͍͢ཧ༝ • ѹతʹಓ෯͕͍ • ΧʔτͷϢʔβʔ͕ଟ͍ • ళ͕ΧʔτͰҠಈ͍͢͠Α͏ʹ ࡞ΒΕ͍ͯΔ • ϕʔεָ࣋ͬͯͯʑೖΕΔ
Ͱɺ࣍ͷ͏ͪϕʔεΛ࣋ͬͯ Ҡಈ͠ʹ͍͘ͷͲ͜Ͱ͠ΐ͏ʁ
࣍ͷ͏ͪϕʔεΛ࣋ͬͯ Ҡಈ͠ʹ͍͘ͷʁ "ίϯϏχ #εʔύʔ $σύʔτ %Ӻ ※ਿࢁௐ
࣍ͷ͏ͪϕʔεΛ࣋ͬͯ Ҡಈ͠ʹ͍͘ͷʁ "ίϯϏχ #εʔύʔ $σύʔτ %Ӻ ※ਿࢁௐ
Ӻ͕͜͜େมʂΤϨϕʔλฤ • ΤϨϕʔλͷॴΘ͔Βͳ͍ • վࡳʹೖ͔ͬͯΒΤϨϕʔλ͕ͳ͍͜ͱʹؾͮ͘ • ΤϨϕʔλͷ͋ΔೖΓޱ্͕͔ΒΘ͔Βͳ͍ʢԼమʣ • ΤϨϕʔλͷ͋Δॴ͕ɺϗʔϜվࡳ͔Βԕ͍
֊ஈΛͬͯͷΓ͑
ΤϨϕʔλͷΈͰͷΓ͑
Ӻ͕͜͜େมʂվࡳฤ • ͍վࡳ͍͍ͩͨҰͭ͋Δ 9
͍վࡳ͕͋ͬͯɺɺɺʁ • ͍͍ͩͨҰ͔ͭ͠ͳ͍ͷͰϘτϧωοΫʹ • ͍͍ͩͨԣʹ૭ޱ͕͋ΔͷͰ௨Εͳ͍͜ͱ • ͍͍ͩͨࣈϒϩοΫ͕ ΨλΨλָͯ͠ثʹѱ͍ 9
Ӻ·ͩ·͕ͩ͜͜େมʂ • վࡳ͕௨Εͳ͍ʂ • ిंͰന͍ͰݟΒΕΔ • ϗʔϜ͕ڱͯ͘ਓ͕ڈΔ·Ͱಈ͚ͳ͍ • ࣍ʹͲͬͪͷυΞ͕։͔͘Θ͔Βͳ͍ •
τΠϨʹߦ͚ͳ͍ • etc…
ϕʔγετʹ༏͍͠ ɺ ϕʔε͕ӡͼ͍͢ɺ ӺͲ͜Ͱ͠ΐ͏ʁ
ۭߓӺϕʔγετʹ༏͍͠ • େ͖͍ΩϟϦʔόοάͰָʑҠಈͰ͖Δ • ༷ʑͳϢʔβʔ͕ఆ • ͍ಓ෯ɾେ͖͍ΤϨϕʔλʔ
ϕʔγετʹ༏͍͠Ӻ • ΏΓ͔Ίઢͷ֤Ӻ • ंҜࢠϢʔβʔʹྀͨ͠ɺ ͍ಓ෯ɺେ͖͍ΤϨϕʔλʔ 9
֗தΛϕʔεͱҠಈ͢Δͱɺ ΞΫηγϒϧͳॴ͕Α͘Θ͔Δ
όϦΞϑϦʔ͕ਐΜͰ͍Δͱ͜Ζ ϕʔγετʹ༏͍͠
όϦΞϑϦʔରԠ࣌ʹϕʔγετΛ ఆ͢Δ͜ͱ͓ͦΒ͘ͳ͍
͚ΕͲόϦΞϑϦʔରԠͰ ଟ͘ͷϕʔγετ͕ ఆ֎ʹॿ͚ΒΕ͍ͯΔ
͋ͳͨͷΞΫηγϏϦςΟରԠ ఆ֎ͷϢʔβʔΛٹ͏͔ʂʁ