Upgrade to Pro — share decks privately, control downloads, hide ads and more …

A11y for Bass

F075c5dfe92334b5031d4da5dc0c9251?s=47 Yuichi Sugiyama
May 16, 2019
2
440

A11y for Bass

春のアクセシビリティーLT&雑談ナイト!での発表です。
コントラバス奏者からみた街中のアクセシビリティについてです。
#gaad2019_tokyo

F075c5dfe92334b5031d4da5dc0c9251?s=128

Yuichi Sugiyama

May 16, 2019
Tweet

More Decks by Yuichi Sugiyama

See All by Yuichi Sugiyama
PHPアプリケーションだってモニタリングしたい / Monitoring PHP application
F075c5dfe92334b5031d4da5dc0c9251?s=48 oogfranz
1
260
効果的な静的解析の CI導入パターンを求めて / Great static analysis with CI
F075c5dfe92334b5031d4da5dc0c9251?s=48 oogfranz
2
2.4k
Dev-meets-Ops
F075c5dfe92334b5031d4da5dc0c9251?s=48 oogfranz
1
610
GitHub力の低い僕でも、
OSSコントリビュートできたワケ / GitHub Power
F075c5dfe92334b5031d4da5dc0c9251?s=48 oogfranz
1
260
静的解析の育て方 / How to make your static analysis strong
F075c5dfe92334b5031d4da5dc0c9251?s=48 oogfranz
3
1.9k
改善失敗して学ぶ、
レガシープロダクトに立ち向かうチーム作り。
F075c5dfe92334b5031d4da5dc0c9251?s=48 oogfranz
16
8.3k
PhpStormで重複コードを一瞬で見つける
F075c5dfe92334b5031d4da5dc0c9251?s=48 oogfranz
2
280
Awesome PHP
F075c5dfe92334b5031d4da5dc0c9251?s=48 oogfranz
1
80
知られざるSerialize
F075c5dfe92334b5031d4da5dc0c9251?s=48 oogfranz
1
250

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
0438ae60cde4c7add6f9da48f28c15cc?s=48 chrisshort
14
35k
Web development in the modern age
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
197
9.3k
Building Better People: How to give real-time feedback that sticks.
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
343
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
7
1k
Imperfection Machines: The Place of Print at Facebook
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
253
11k
The Brand Is Dead. Long Live the Brand.
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
45
2.7k
Reflections from 52 weeks, 52 projects
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
337
17k
Build your cross-platform service in a week with App Engine
5f83ef806155b403c3393160ce51f955?s=48 jlugia
219
17k
Building Flexible Design Systems
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
310
33k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
103
16k
Designing with Data
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.9k
ReactJS: Keep Simple. Everything can be a component!
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
655
120k

Transcript

  1. A11y for Bass MASHݭָஂ
 ਿࢁ ༞Ұ @oogFranz

  2. Who am I • ਿࢁ ༞Ұ @oogFranz • αΠϘ΢ζ5೥໨ΤϯδχΞ •

    ΞΫηγϏϦςΟͷࡇయ2018Ͱ
 খྛ͞ΜͷηίϯυΛ຿ΊΔ  

  3. • MASH ݭָஂ ϕʔε • δϓγʔδϟζ • 2nd ΞϧόϜʮΩχφϧΩϊίʯ
 Spotify,

    iTunesͳͲͰઈࢍ഑৴தʂ Who am I  

  4. ίϯτϥόε • ϕʔεͱ͔΢ουϕʔεͬͯݴ͏ • όΠΦϦϯͷͰ͔͍΍ͭ • ॎ×ԣ×ߴ͞ = 40cm ×

    70cm × 190cm • ͔͍͍ͬ͜࠷ߴͷָثɻ  

  5. Ͳ͏΍ͬͯӡͿͷʁ  

  6. ϕʔεόΪʔ  

  7.  

  8. ϕʔεͷҠಈͷಛ௃ • લޙҠಈ͸Ͱ͖Δɻࠨӈʹ͸ҠಈͰ͖ͳ͍ɻ • ػහੑ͸ͳ͍ • ଍ݩݟ͑ͳ͍ • ͋Δఔ౓෯ͱߴ͕͞ඞཁ 

    9

  9. ϕʔεͷҠಈͷಛ௃ • લޙҠಈ͸Ͱ͖Δɻࠨӈʹ͸ҠಈͰ͖ͳ͍ɻ • ػහੑ͸ͳ͍ • ଍ݩݟ͑ͳ͍ • ͋Δఔ౓෯ͱߴ͕͞ඞཁ ंҜࢠ΍ϕϏʔΧʔͳͲͱࣅͨಛ௃

     9

  10. ֊ஈ͸ొΕΔʁ • ୲͛͹ొΕΔɻ߱ΓΕΔɻർΕΔ • ंҜࢠϢʔβʔ΍ϕϏʔΧʔϢʔβʔΑΓ͸
 গָ͔͠΋ɻ • Ͱ͖Ε͹ΤϨϕʔλʔΛ࢖͍͍ͨ  9

  11. ໰୊  

  12. ϕʔεΛ࣋ͬͯ֗தΛҠಈ͢Δͱɺ όϦΞϑϦʔ͕ਐΜͰ͍ΔՕॴ͕
 Α͘Θ͔Γ·͢ɻ
 ࣍ͷ͏ͪϕʔεΛ࣋ͬͯ
 Ҡಈ͠΍͍͢ͷ͸Ͳ͜Ͱ͠ΐ͏ʁ  

  13. ࣍ͷ͏ͪϕʔεΛ࣋ͬͯ
 Ҡಈ͠΍͍͢ͷ͸ʁ "ίϯϏχ #εʔύʔ $σύʔτ %Ӻ ※ਿࢁௐ΂  

  14. ࣍ͷ͏ͪϕʔεΛ࣋ͬͯ
 Ҡಈ͠΍͍͢ͷ͸ʁ "ίϯϏχ #εʔύʔ $σύʔτ %Ӻ ※ਿࢁௐ΂  

  15. εʔύʔ͕ӡͼ΍͍͢ཧ༝ • ѹ౗తʹಓ෯͕޿͍ • ΧʔτͷϢʔβʔ͕ଟ͍ • ళ಺͕ΧʔτͰҠಈ͠΍͍͢Α͏ʹ
 ࡞ΒΕ͍ͯΔ • ϕʔε࣋ͬͯͯ΋ָʑೖΕΔ

     

  16. ໰୊  

  17. Ͱ͸ɺ࣍ͷ͏ͪϕʔεΛ࣋ͬͯ
 Ҡಈ͠ʹ͍͘ͷ͸Ͳ͜Ͱ͠ΐ͏ʁ  

  18. ࣍ͷ͏ͪϕʔεΛ࣋ͬͯ
 Ҡಈ͠ʹ͍͘ͷ͸ʁ "ίϯϏχ #εʔύʔ $σύʔτ %Ӻ ※ਿࢁௐ΂  

  19. ࣍ͷ͏ͪϕʔεΛ࣋ͬͯ
 Ҡಈ͠ʹ͍͘ͷ͸ʁ "ίϯϏχ #εʔύʔ $σύʔτ %Ӻ ※ਿࢁௐ΂  

  20. Ӻ͸͕͜͜େมʂΤϨϕʔλฤ • ΤϨϕʔλͷ৔ॴΘ͔Βͳ͍໰୊ • վࡳʹೖ͔ͬͯΒΤϨϕʔλ͕ͳ͍͜ͱʹؾͮ͘ • ΤϨϕʔλͷ͋ΔೖΓޱ͕஍্͔ΒΘ͔Βͳ͍ʢ஍Լమʣ • ΤϨϕʔλͷ͋Δ৔ॴ͕ɺϗʔϜ΍վࡳ͔Βԕ͍ 

    

  21. ֊ஈΛ࢖ͬͯͷ৐Γ׵͑  

  22. ΤϨϕʔλͷΈͰͷ৐Γ׵͑  

  23. Ӻ͸͕͜͜େมʂվࡳฤ • ޿͍վࡳ͸͍͍ͩͨҰͭ͸͋Δ  9

  24. ޿͍վࡳ͕͋ͬͯ΋ɺɺɺʁ • ͍͍ͩͨҰ͔ͭ͠ͳ͍ͷͰϘτϧωοΫʹ • ͍͍ͩͨԣʹ૭ޱ͕͋ΔͷͰ௨Εͳ͍͜ͱ΋ • ͍͍ͩͨ఺ࣈϒϩοΫ͕
 ΨλΨλָͯ͠ثʹѱ͍  9

  25. Ӻ͸·ͩ·͕ͩ͜͜େมʂ • վࡳ͕௨Εͳ͍ʂ • ిं಺Ͱന͍໨ͰݟΒΕΔ • ϗʔϜ͕ڱͯ͘ਓ೾͕ڈΔ·Ͱಈ͚ͳ͍ • ࣍ʹͲͬͪͷυΞ͕։͔͘Θ͔Βͳ͍ •

    τΠϨʹߦ͚ͳ͍ • etc…  

  26. ໰୊  

  27. ϕʔγετʹ༏͍͠ ɺ
 ϕʔε͕ӡͼ΍͍͢ɺ
 Ӻ͸Ͳ͜Ͱ͠ΐ͏ʁ  

  28. ۭߓӺ͸ϕʔγετʹ༏͍͠ • େ͖͍ΩϟϦʔόοάͰָʑҠಈͰ͖Δ • ༷ʑͳϢʔβʔ͕૝ఆ • ޿͍ಓ෯ɾେ͖͍ΤϨϕʔλʔ  

  29. ϕʔγετʹ༏͍͠Ӻ • ΏΓ͔΋Ίઢͷ֤Ӻ • ंҜࢠϢʔβʔʹ΋഑ྀͨ͠ɺ
 ޿͍ಓ෯ɺେ͖͍ΤϨϕʔλʔ  9

  30. ֗தΛϕʔεͱҠಈ͢Δͱɺ ΞΫηγϒϧͳ৔ॴ͕Α͘Θ͔Δ  

  31. όϦΞϑϦʔ͕ਐΜͰ͍Δͱ͜Ζ͸
 ϕʔγετʹ΋༏͍͠  

  32. όϦΞϑϦʔରԠ࣌ʹϕʔγετΛ
 ૝ఆ͢Δ͜ͱ͸͓ͦΒ͘ͳ͍  

  33. ͚ΕͲόϦΞϑϦʔରԠͰ
 ଟ͘ͷϕʔγετ͕
 ૝ఆ֎ʹॿ͚ΒΕ͍ͯΔ  

  34. ͋ͳͨͷΞΫηγϏϦςΟରԠ΋
 ૝ఆ֎ͷϢʔβʔΛٹ͏͔΋ʂʁ