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

Android_Accessibility_Suite.pdf

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for itome itome
March 08, 2019
0
160

 Android_Accessibility_Suite.pdf

Avatar for itome

itome

March 08, 2019
Tweet

More Decks by itome

See All by itome
今日始め るCloudflare Browser Rendering
Avatar for itome itome
1
290
Android accessibility and automated check tools
Avatar for itome itome
1
4.9k
Accessibility in CATS
Avatar for itome itome
4
2.5k
Introduce_Owl.pdf
Avatar for itome itome
0
97
Introducing Android Accessibility Test with Accessibility Testing Framework
Avatar for itome itome
1
750
Introduction of accessibility for mobile development
Avatar for itome itome
0
250
Architecture_for_mobile_development.pdf
Avatar for itome itome
0
270
Introducing Owl
Avatar for itome itome
0
1.1k
Migrate to Koin
Avatar for itome itome
2
350

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
1.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.3k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.3k

Transcript

  1. ͪΌΜͱߟ͑Δ Android Accessibility Suite

  2. ࣗݾ঺հ ௩ຊ෢ࢤ https://twitter.com/itometeam https://github.com/itome https://medium.com/@itometeam 0.5min

  3. Android Accessibility Suiteͱ͸ʁ 2min

  4. Android Accessibility Suiteͱ͸ʁ 2min ɾGoogleʹΑͬͯఏڙ͞Ε͍ͯΔ ɹAndroidͷϢʔβʔิॿαʔϏεΞϓϦ ɾچTalkBack

  5. Android Accessibility Suiteͱ͸ʁ 2min ɾ໨ͷݟ͑ͳ͍ɺݟ͑ͮΒ͍ϢʔβʔͰ΋ ɹΞϓϦΛ࢖͑ΔΑ͏ʹΞϓϦͷಡΈ্͛ ɹػೳΛఏڙ͍ͯ͠Δ ɾͦͷଞɺΞΫηγϏϦςΟʹؔ͢Δػೳ ɹ(৭ͷ൓సɺ֎෦σόΠεͱͷ࿈ܞͳͲ)Λఏڙ

  6. Android Accessibility Suiteͱ͸ʁ 2min ʮબ୒ͯ͠ಡΈ্͛ʯػೳ ࠓճ͓࿩͢͠Δ͜ͱɿ

  7. ʮબ୒ͯ͠ಡΈ্͛ʯػೳΛΦϯʹ͢Δͱ ɾViewͷλοϓʹΑͬͯɺϑΥʔΧε͕Ҡಈ͠ ɹͦͷViewͷଐੑͳͲ͕ಡΈ্͛ΒΕΔ ɾը໘ͷࠨӈεϫΠϓͰલޙͷViewʹ ɹϑΥʔΧε͕Ҡಈ ɾը໘ΛೋճλοϓͰϘλϯͷΫϦοΫ΍ ɹEditTextͷೖྗ։࢝ͳͲͷΞΫγϣϯΛ ɹ࣮ߦ͢Δ Android Accessibility

    Suiteͱ͸ʁ 2min

  8. ը໘ΛӈεϫΠϓ ը໘ΛӈεϫΠϓ Android Accessibility Suiteͱ͸ʁ 2min

  9. جຊతͳରԠํ๏ 1min

  10. جຊతͳରԠํ๏ 2min TextView΍ImageViewͳͲͷButtonͰͳ͍ ཁૉΛButtonͱͯ͠࢖͏৔߹ɺ clickable=“true”Λ͚ͭΔ

  11. جຊతͳରԠํ๏ 2min ImageView΍SurfaceViewͳͲͷจࣈΛؚ· ͳ͍Viewʹ͸contentDescriptionΛ͚ͭΔ

  12. جຊతͳରԠํ๏ 2min EditTextʹhint͕ͳ͍৔߹ɺ contentDescriptionΛࢦఆ͓ͯ͘͠

  13. TalkBack༗ޮ࣌Ͱ΋ ΞΫηγϏϦςΟΛ֬อ͢Δ 2min

  14. TalkBack༗ޮ࣌Ͱ΋ ΞΫηγϏϦςΟΛ֬อ͢Δ 2min TalkBackΛ༗ޮʹ͢ΔͱɺεϫΠϓͳͲͷૢ࡞ ͸ϑΥʔΧεͷҠಈʹ࢖ΘΕΔͨΊɺTalkBack ແޮ࣌ʹͰ͖͍ͯͨૢ࡞͕೉͘͠ͳΔ UIʹΑͬͯ͸ૢ࡞ͮ͠Β͍͚ͩͰͳ͘ɺͦ΋ͦ ΋ૢ࡞Ͱ͖ͳ͍ΞϓϦʹͳͬͯ͠·͏

  15. TalkBack༗ޮ࣌Ͱ΋ ΞΫηγϏϦςΟΛ֬อ͢Δ ۩ମྫ̍: TabLayoutͷͳ͍ViewPager εϫΠϓͰ͔͠ViewPagerͷҠ ಈ͕Ͱ͖ͳ͍ͨΊɺTalkBackΛ ༗ޮԽ͍ͯ͠Δͱ࣍ͷϖʔδʹ ਐΉૢ࡞͕೉͍͠ TabLayoutΛ͚ͭΔ͔ɺ࣍΁Ϙ λϯΛஔ͍͓ͯ͘

    2min

  16. TalkBack༗ޮ࣌Ͱ΋ ΞΫηγϏϦςΟΛ֬อ͢Δ ۩ମྫ̎: εϫΠϓͰΞΠςϜΛ࡟আ͢ΔUI ViewPagerͱಉ༷ʹεϫΠϓͰ ͔͠ૢ࡞ʹͨͲΓண͚ͳ͍ ͦ΋ͦ΋ϘλϯΛΞΠςϜͷத ʹஔ͍͓͔ͯ͘ɺεϥΠυޙͷ ϝχϡʔΛදࣔͰ͖ΔϘλϯΛ ஔ͍͓ͯ͘

    2min

  17. ·ͱΊ 1min

  18. ·ͱΊ 2min ɾগ͠ͷ޻෉ͰΞΫηγϏϦςΟΛߴΊΔํ๏͸ͨ͘ ͞Μ͋Δ ɾͨͩ͠ɺ࠷ॳ͔Β׬શʹରԠ͠Α͏ͱ͢Δͱίετ ͕͔͔Δ্ʹ৺ཧతোน΋ߴ͘ͳΔ ɾ࠷ॳ͸Ϙλϯʹͳ͍ͬͯΔImageViewʹ contentDescriptionΛ͚ͭΔ͚ͩͰ΋͍͍ ɾͱʹ͔͘·ͣɺ࣮ࡍʹTalkBackΛ༗ޮʹͯࣗ͠෼ ͷΞϓϦΛ৮ͬͯΈΔ͜ͱ͕େ੾

  19. ͋Γ͕ͱ͏͍͟͝·ͨ͠ Shibuya.apk #32 https://twitter.com/itometeam https://github.com/itome https://medium.com/@itometeam ௩ຊ ෢ࢤ