“
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
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
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