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
A11y for Bass
Search
Yuichi Sugiyama
PRO
May 16, 2019
2
550
A11y for Bass
春のアクセシビリティーLT&雑談ナイト!での発表です。
コントラバス奏者からみた街中のアクセシビリティについてです。
#gaad2019_tokyo
Yuichi Sugiyama
PRO
May 16, 2019
Tweet
Share
More Decks by Yuichi Sugiyama
See All by Yuichi Sugiyama
サイボウズ と Garoon と The PHP Foundation と 私 / Cybozu and Garoon and The PHP Foundation and me
oogfranz
PRO
1
500
可能な限り確実にmkdirを成功させるには / Make mkdir
oogfranz
PRO
0
500
サイボウズ #Garoon 開発チームの 「 完成度低いの歓迎LT大会 」 PHPerKaigi出張版 / Low quality LT in PHPerKaigi 2023
oogfranz
PRO
0
540
20年ものの巨大プロダクトをKubernetesに移行している話 後日談/Garoon on Kubernetes after talk
oogfranz
PRO
0
550
20年ものの巨大プロダクトをKubernetesに移行している話/Garoon on Kubernetes
oogfranz
PRO
0
430
PHPアプリケーションだってモニタリングしたい / Monitoring PHP application
oogfranz
PRO
1
600
効果的な静的解析の CI導入パターンを求めて / Great static analysis with CI
oogfranz
PRO
3
3.6k
Dev-meets-Ops
oogfranz
PRO
1
960
GitHub力の低い僕でも、 OSSコントリビュートできたワケ / GitHub Power
oogfranz
PRO
1
570
Featured
See All Featured
Designing for Performance
lara
606
69k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Making the Leap to Tech Lead
cromwellryan
133
9.2k
Adopting Sorbet at Scale
ufuk
75
9.3k
Fireside Chat
paigeccino
37
3.3k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
17
1.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
102
18k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Why Our Code Smells
bkeepers
PRO
336
57k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.5k
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
֗தΛϕʔεͱҠಈ͢Δͱɺ ΞΫηγϒϧͳॴ͕Α͘Θ͔Δ
όϦΞϑϦʔ͕ਐΜͰ͍Δͱ͜Ζ ϕʔγετʹ༏͍͠
όϦΞϑϦʔରԠ࣌ʹϕʔγετΛ ఆ͢Δ͜ͱ͓ͦΒ͘ͳ͍
͚ΕͲόϦΞϑϦʔରԠͰ ଟ͘ͷϕʔγετ͕ ఆ֎ʹॿ͚ΒΕ͍ͯΔ
͋ͳͨͷΞΫηγϏϦςΟରԠ ఆ֎ͷϢʔβʔΛٹ͏͔ʂʁ