Slide 1

Slide 1 text

Promoting mobile accessibility at work    DroidKaigi 2022 Tiphaine

Slide 2

Slide 2 text

◉ Android Engineer ◉ MedPeer Inc @tahia910 2 Tiphaine

Slide 3

Slide 3 text

“ Why is accessibility not considered at work? 3 ?

Slide 4

Slide 4 text

◉ Started on the wrong foot due to complaints ◉ Don’t know how to deal with the problem ◉ The risk of doing nothing is not clear ◉ Don’t want to have more tasks 4 Challenges Ref:Deque Systems

Slide 5

Slide 5 text

“ If you know your enemy and know yourself, in a hundred battles you will never be defeated. 5

Slide 6

Slide 6 text

The problem and how to deal with it What? 6 1

Slide 7

Slide 7 text

Types of Disabilities 7 Visual Cognitive Motor Auditory

Slide 8

Slide 8 text

◉ Difficulties distinguishing colors ◉ Can’t read the text ◉ Can’t see the screen 8 Visual Problems

Slide 9

Slide 9 text

◉ Troubles clicking small buttons ◉ Difficulties with some gestures ◉ Can’t use the touch screen 9 Motor Problems

Slide 10

Slide 10 text

◉ Troubles reading long text ◉ Difficulties comprehending words ◉ Can’t understand the UI 10 Cognitive Problems

Slide 11

Slide 11 text

◉ Difficulties hearing properly ◉ Can’t perceive sound ◉ Can’t understand without subtitles 11 Auditory Problems

Slide 12

Slide 12 text

◉ Font size change ◉ Color correction ◉ TalkBack 12 Braille Display Assistive Technology Ref:Emerald Coast

Slide 13

Slide 13 text

Assistive Technology 13 ◉ Display size change ◉ Voice input / control ◉ Switch Access Ref:Google

Slide 14

Slide 14 text

14 And many more! Definitely can’t remember them all 😱

Slide 15

Slide 15 text

“ 15 Just follow the guideline to solve everything!

Slide 16

Slide 16 text

WCAG 2.0 ◉ Web Content Accessibility Guidelines 2.0 ◉ Recommended by W3C ◉ A list of requirements to follow 16

Slide 17

Slide 17 text

Four Principles 1. Perceivable 2. Operable 3. Understandable 4. Robust 17

Slide 18

Slide 18 text

Levels of Conformance 18 A Single A 25 items Minimum AA Double A 13 items Better AAA Triple A 23 items Best

Slide 19

Slide 19 text

JIS X 8341-3:2016 ◉ Web accessibility standard in Japan ◉ Also used for mobile phones 19 “JIS X 8341-3:2016 Level AA Compliant” Aim for the certification! ✊

Slide 20

Slide 20 text

You are not alone ◉ CyberAgent ◉ Freee ◉ MDN ◉ MedPeer (soon) 󰢜 20

Slide 21

Slide 21 text

◉ Started on the wrong foot due to complaints ◉ Don’t know how to deal with the problem ◉ The risk of doing nothing is not clear ◉ Don’t want to have more tasks 21 Challenges Ref:Deque Systems

Slide 22

Slide 22 text

Why? Merits and risks for business 2 22

Slide 23

Slide 23 text

Marketing Boost ◉ Improve your company’s image✨ ◉ Keep up with industry trends ◉ Differentiate yourself from your competition 23

Slide 24

Slide 24 text

Respond to expectations ◉ Attract loyal customers ◉ Broaden your reach ◉ Avoid negative publicity 24

Slide 25

Slide 25 text

◉ Having a guideline helps write cleaner code ◉ Reusing components increases productivity ◉ Implementing UI tests eases maintenance Improve developers’ life 25

Slide 26

Slide 26 text

26 Usability Accessibility Ref:BAsixs Satisfactory Safe Usable Accessible

Slide 27

Slide 27 text

27 Ref:内閣府 Population projection for Japan 37%

Slide 28

Slide 28 text

Future 2050 seniors are currently in their 30s All heavy smartphone users 28

Slide 29

Slide 29 text

Your user base is changing ◉ Japanese population is shrinking ◉ Your current users are aging ◉ Aging troubles start before 65 years old 29

Slide 30

Slide 30 text

30 (󰏦) Internet usage situation (%) Ref:総務省 (1 / 2)

Slide 31

Slide 31 text

31 Don’t improve accessibility Disabled people unable to use the product “So there’s no need to consider them” Disabled people seen as a minority Don’t appear in user stats (+ Low awareness in society) Ref:pacingpixie / HubSpot / 内閣府

Slide 32

Slide 32 text

The invisible population ◉ People can’t talk due to social pressure ◉ You might be the reason you don’t see them ◉ The target is different from government stats 32

Slide 33

Slide 33 text

It helps everyone ◉ It’s not “Disabled vs Normal People” ◉ You can be temporarily/situationally disabled ◉ “Don’t assume anything” 33

Slide 34

Slide 34 text

Create a better product ◉ Constraints drive creativity ◉ Better skills ensure higher product quality 34 BAD DESIGNS DISABLE PEOPLE Ref:btrax

Slide 35

Slide 35 text

35 (󰑔) Web accessibility related lawsuits Ref:UsableNet

Slide 36

Slide 36 text

It is required by law 36 Ref:内閣府 The Act for Eliminating Discrimination against Persons with Disabilities was revised in 2021, Now mandatory for private-sector too

Slide 37

Slide 37 text

◉ Started on the wrong foot due to complaints ◉ Don’t know how to deal with the problem ◉ The risk of doing nothing is not clear ◉ Don’t want to have more tasks 37 Challenges Ref:Deque Systems

Slide 38

Slide 38 text

Integration process How? 38 3

Slide 39

Slide 39 text

39 Planning & Analysis Design Implementation Testing Maintenance You want to check at each stage Ref:TPGi

Slide 40

Slide 40 text

Roadmap 40 1 Observe

Slide 41

Slide 41 text

Observe ◉ How much attention is paid to the problem? ◉ What is the current state of your app? ◉ Who is the decision maker? ◉ Who are your allies? 41

Slide 42

Slide 42 text

Roadmap 42 1 Observe 2 Research

Slide 43

Slide 43 text

Research ◉ Basics (targets, problems, assistive technologies) ◉ Why you need accessibility ◉ WCAG ◉ Inclusive Design 43

Slide 44

Slide 44 text

Roadmap 44 2 3 Plan Research 1 Observe

Slide 45

Slide 45 text

45 Plan ◉ Set achievable, incremental goals ◉ Identify problems, create tickets ◉ Prioritize tickets, complete them Ref:W3C, Web担当者Forum / 弁護士ドットコム

Slide 46

Slide 46 text

“ 46 Do what you can within your reach, little by little, continuously

Slide 47

Slide 47 text

◉ Start with small & easy changes ◉ Go gradually (ex: one ticket per sprint) ◉ Integrate checks into existing processes 47 Think on the long term

Slide 48

Slide 48 text

Roadmap 48 3 Plan 1 Observe 2 Research 4 Implement

Slide 49

Slide 49 text

49 WCAG Perceivable level A items Just screen reader support Finally released 😭✨ WCAG Perceivable level A items kakari for Clinic

Slide 50

Slide 50 text

Roadmap 50 4 5 Maintain Implement 2 Research 1 Observe 3 Plan

Slide 51

Slide 51 text

Document & Educate ◉ Checklist ◉ Training ◉ Internal Guideline ◉ Policy 51

Slide 52

Slide 52 text

Track Progress Don’t track the use of assistive technology 52 Ref:AdrianRoselli, W3C, Mightybytes, StackExchange

Slide 53

Slide 53 text

◉ Number of WCAG criterions met ◉ Goals previously set ◉ Number of tickets done ◉ Number of inquiries 53 Track Progress

Slide 54

Slide 54 text

◉ People are not rejecting you ◉ Build a welcoming culture ◉ Stay humble ◉ Get support from people with influence 54 Workplace Relationships

Slide 55

Slide 55 text

Roadmap 55 6 Share 2 Research 4 Implement 1 Observe 3 Plan 5 Maintain

Slide 56

Slide 56 text

Spread the word ◉ Communicate internally on progress ◉ Inform your customers ◉ Get feedbacks 56

Slide 57

Slide 57 text

Small acts in your daily life ◉ Just sharing info on SNS is enough 👍 ◉ Be considerate when posting 57

Slide 58

Slide 58 text

References ◉ Pragmatic Accessibility: A How-To Guide for Teams (Google I/O '17) - Google Developers ◉ Android Accessibility by Tutorials - Victoria Gonda ◉ noteアクセシビリティ施策 - note ◉ Ameba Pickのアクセシビリティ向上への取り込みに ついて - CyberAgent 58

Slide 59

Slide 59 text

Thanks! 59 Theme:SlidesCarnival Special thanks: @purunkaoru @y2kit_1127 @Gabrielle_Lng