Slide 1

Slide 1 text

Promoting Web Accessibility With Organizational Vision Daisuke Kobayashi (Cybozu, inc) Yuta Saito (Cybozu, inc) CSUN 2019 Assistive Technology Conference March 15, 2019

Slide 2

Slide 2 text

URL of this Presentation http://bit.ly/cy-csun2019

Slide 3

Slide 3 text

Presenters ▌2012: Started my career as a programmer ▌2014: Saw the usability test for people with low vision ▌2018: Became Accessibility expert Daisuke Kobayashi Accessibility Expert Cybozu,inc

Slide 4

Slide 4 text

Presenters ▌I'm involved in user research and user centered design ▌We design and develop 'Groupware' Yuta Saito UX Researcher Cybozu,inc

Slide 5

Slide 5 text

▌Especially in Japan, it is difficult to promote web accessibility. ▌The current situation in Japan. Topic 1/3 The difficulty of promoting web accessibility

Slide 6

Slide 6 text

▌Organizational vision is going to be a key theme. Topic 2/3 What is important for promoting web accessibility?

Slide 7

Slide 7 text

▌Seminars and Workshops to promote web accessibility. Topic 3/3 How we promote web accessibility?

Slide 8

Slide 8 text

Topics The difficulty of promoting web accessibility What is important for promoting web accessibility? How we promote web accessibility?

Slide 9

Slide 9 text

Do you promote accessibility? If so, how?

Slide 10

Slide 10 text

Ways to promote web accessibility Let's try to empathize with people with disabilities and the elderly. Letʼs make it compatible with every kind of devices!

Slide 11

Slide 11 text

Legal Risk

Slide 12

Slide 12 text

Many countries have been establishing laws & policy

Slide 13

Slide 13 text

ADA Web Accessibility-Related Lawsuits 2285 2016 2017 2018 814 2015 262 57 https://www.adatitleiii.com/2017/08/website-accessibility-lawsuit-filings-still-going-strong/

Slide 14

Slide 14 text

Lawsuits and litigations become total risks

Slide 15

Slide 15 text

Guidelines Laws How about Japan?

Slide 16

Slide 16 text

Guidelines Laws How about Japan? They are not effective…

Slide 17

Slide 17 text

JIS = Japanese Industrial Standards JIS-X 8341-3

Slide 18

Slide 18 text

▌Created in 2004 ▌Got similar to WCAG 2.0 in 2016 l 3 Levels (A, AA, AAA) JIS-X 8341-3 JIS-X 8341-3 WCAG 2.0 =

Slide 19

Slide 19 text

Law of web accessibility in Japan ▌Act for Eliminating Discrimination against Persons with Disabilities ▌Enforced in April 2016. https://www8.cao.go.jp/shougai/suishin/law_h25-65.html

Slide 20

Slide 20 text

▌Must make websites accessible. ▌Some institutions don't make websites accessible. ▌They are not follow JIS-X 8341-3. ▌There has never been any single lawsuits. Legal binding force is very weak… Public institution

Slide 21

Slide 21 text

▌There is NO penalty. ▌Only an obligation to make best efforts. ▌There has never been any single lawsuits. Legal binding force is very weak… Private enterprise

Slide 22

Slide 22 text

Reasonable Accommodation

Slide 23

Slide 23 text

How do you promote web accessibility without explaining any legal risk?

Slide 24

Slide 24 text

To help minorities Web accessibility is very essential to help minorities regardless of whether there is a law or not!

Slide 25

Slide 25 text

By any device Web accessibility is important for everyone to get information by any device.

Slide 26

Slide 26 text

Our main targets are not people with disabilities Not make everyone feel empathy

Slide 27

Slide 27 text

Accessibility is of lower priority than other features. Not make everyone feel empathy

Slide 28

Slide 28 text

The Difficulty of promoting web accessibility Most of the members on the team are not corporative. Accessibility has not even incorporated into dev process. People do not value the importance of accessibility.

Slide 29

Slide 29 text

What is important for promoting web accessibility?

Slide 30

Slide 30 text

Organizations have their own vision Organization Vision Action

Slide 31

Slide 31 text

Translate Accessibility into organizational Vision Accessibility Vision

Slide 32

Slide 32 text

just to the people with disabilities

Slide 33

Slide 33 text

Accessibility = Access + Ability Original Meaning

Slide 34

Slide 34 text

What does it mean? Access

Slide 35

Slide 35 text

Access = Products / Service ???

Slide 36

Slide 36 text

What are your users accessing by accessing your products? Ask yourselves

Slide 37

Slide 37 text

Case of our company

Slide 38

Slide 38 text

Our companyʼs product Messages Files Schedule Workflow Meeting Groupware

Slide 39

Slide 39 text

Our companyʼs product Messages Files Schedule Workflow Meeting Groupware

Slide 40

Slide 40 text

Our companyʼs vision To spread good teamwork in the society

Slide 41

Slide 41 text

How should they interact? Accessibility Our Vision

Slide 42

Slide 42 text

What are our users accessing by accessing our products? Ask ourselves

Slide 43

Slide 43 text

User Groupware

Slide 44

Slide 44 text

User Purpose ? Groupware

Slide 45

Slide 45 text

User Groupware Team

Slide 46

Slide 46 text

define accessibility as an ability to access to products. NO

Slide 47

Slide 47 text

define accessibility as an ability to access to teams.

Slide 48

Slide 48 text

Respect users who want to access to teams.

Slide 49

Slide 49 text

Not just about law and regulations Not just about multi-device Not just about the people with disabilities

Slide 50

Slide 50 text

Accessibility is about achieving our vision

Slide 51

Slide 51 text

How to spread the translation to your organization?

Slide 52

Slide 52 text

Programmer QA Engineer Designer Product Manager Accessibility! When I first started trying to promote accessibility

Slide 53

Slide 53 text

Programmer QA Engineer Designer Product Manager Accessibility! When I first started trying to promote accessibility • Members were not aware of how important accessibility is. • Some people had even never heard of the word “accessibility”.

Slide 54

Slide 54 text

▌In our company, we all use our groupware. ▌Good place to spread my thought. Posting blogs on our groupware

Slide 55

Slide 55 text

▌An Introduction of screen reader ▌How our competitors face with the accessibility ▌Relationship between web accessibility and our vision I posted many blogs

Slide 56

Slide 56 text

In-house seminars and workshops 本の写真を⼊れる

Slide 57

Slide 57 text

▌Accessibible Coding & Accessible Design ▌How to check accessibility ▌How to use screen readers ▌simple web accessibility autits ▌... We provided many accessibility training

Slide 58

Slide 58 text

In-house workshops and seminars 本の写真を⼊れる Accessible Techniques Why Accessibility is Important

Slide 59

Slide 59 text

Usability Testing by the people with disabilities

Slide 60

Slide 60 text

Usability Testing by the people with disabilities Find Accessibility Problems Clarify the gap between our vision and the reality

Slide 61

Slide 61 text

HR Development Team Marketing Team HR Team Sales Team

Slide 62

Slide 62 text

A lot of members started to have an empathy “It really made me want to find what I can do for letting everyone on a planet earth access to their team”. 「世界中の⼈がチームにアクセスできるように ⾃分ができること」をこれから⾒ つけていきたいと⼼から思いました︕ Voice from workshop

Slide 63

Slide 63 text

A lot of members started to have an empathy “I think the idea that users are not accessing our software, they are accessing their teams is something we should never forget.” 「グループウェアにアクセスするのが⽬的ではなく、「すべてのユーザ」がチーム にアクセスすることが⽬的であるという考え⽅は、絶対に忘れないようにした いと感じました。」 Voice from workshop

Slide 64

Slide 64 text

Programmer QA Engineer Designer Product Manager Accessibility! We became one team Sufficient amount of people have an empathy for accessibility

Slide 65

Slide 65 text

Programmer QA Engineer Designer Product Manager Accessibility! We became one team Accessibility! Accessibility! Some members actively helped us promote accessibility

Slide 66

Slide 66 text

Mob programing Key persons improved the team by sharing the knowledge

Slide 67

Slide 67 text

Find problems in an earlier stage at lower costs Check the problems at every step in dev process Design Testing Requirement Definition Implementing Because many team members understand the value of accessibility

Slide 68

Slide 68 text

Accessibility is regarded as an important value https://garoon.cybozu.co.jp/support/design/ 3 design concepts Accessibility has become one of the concepts when renewing the product.

Slide 69

Slide 69 text

Programmer QA Engineer Designer Product Manager Accessibility! Many members having an empathy for accessibility Accessibility! Accessibility!

Slide 70

Slide 70 text

Importance of Organizational Vision More and more team members become corporative Accessibility can be considered by everyone as an important process in the development flow. Accessibility regards one of the most important values for everyone.

Slide 71

Slide 71 text

We can overcome the lack of legal binding

Slide 72

Slide 72 text

What are your users accessing by accessing your products?

Slide 73

Slide 73 text

Promote Web Accessibility With Your Organizationʼs Vision