Accesibility for Digital Design

Slide 1

Slide 1 text

Accesibility for All Muhamad Ambrikom Tidar @abinktidars Cmd C + a11y w cag Asep Contrast Dadangs

Slide 2

Slide 2 text

What is Accesibility?

Slide 3

Slide 3 text

A11Y Accesibility Accessibility in the sense considered here refers to the design of products, devices, services, or environments so as to be usable by people with disabilities.

Slide 4

Slide 4 text

Accesibility in General

Slide 5

Slide 5 text

How about digital or web accesibility ? Web Accesibility

Slide 6

Slide 6 text

Statistic 21,84 juta atau sekitar 8,56 persen penduduk Indonesia adalah penyandang disabilitas. Data tersebut diambil dari Survei Penduduk Antar Sensus atau SUPAS 2015. Data Survey Penduduk antar Sensus (SUSPAS, Kemensos 2015) Penyandang Disabilitas Indonesia dari Seluruh Penduduk Indonesia 21,84 jt 8,56 % Disability

Slide 7

Slide 7 text

UU No. 39/1999 Hak Asasi Manusia “menyatatakan bahwa setiap orang dengan disabilitas memiliki hak atas fasilitasi dan perlakuan khusus” Legal Standing

Slide 8

Slide 8 text

UU No.25/2009 Layanan Publik (2009) “menyatakan bahwa penyedia layanan umum harus memberikan layanan khusus kepada penyandang disabilitas sesuai dengan peraturan” Legal Standing

Slide 9

Slide 9 text

People with Disability User Needs Visual Speech Motoric Cognitive Auditory Source: Web Accesibility Initiative (WAI)

Slide 10

Slide 10 text

Assistive Technology People with Disability Visual Impairments Low Vision - Color Blindness Blind or Vision Impaired Blurred vision, Protanopia, Tritanopia Screen Reader Screen Magnifier Text to Speech

Slide 11

Slide 11 text

Auditory Impairments People with Disability Assistive T echnology Caption Transcript Clear Sound Deaf/Hearing Impairement Lack of transcript/caption Lack of sign language

Slide 12

Slide 12 text

Speech Impairements People with Disability Muteness Hard of Speech

Slide 13

Slide 13 text

Cognitive Impairments People with Disability ADHD, Dyslexia Confusing Layout

Slide 14

Slide 14 text

Motoric Impairments People with Disability Motoric & Dexterity impairments Affect a user's ability to use a mouse, touchscreen

Slide 15

Slide 15 text

So, What we can do ?

Slide 16

Slide 16 text

Web Content Accesibility Guideline WCAG a11y a11y a11y a11y a11y a11y a11y (WCAG)

Slide 17

Slide 17 text

WCAG Web Content Accessibility Guidelines (WCAG) is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of providing a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally. Accesibility W3C World Wide Web Consortium WCAG 2.0 1998 WCAG 2.1 2008

Slide 18

Slide 18 text

A AA AAA Succes Criteria (Conformance Level) WCAG Minimum Level (A) Good Level (A+AA) Great Level (A+AA+AAA)

Slide 19

Slide 19 text

Design Principles WCAG P .O.U.R P erceivable O perable U nderstandable R obust

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

Who’s responsible for accessibility within an organisation? Design Team Content Its Product problem Quality Assurance Its UX Problem Its not my problem Engineer Problem UX Team

Slide 22

Slide 22 text

Its every teams Responsibility WCAG Project Manager Engineer Writer Researcher Designer

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

How to measure & audits the Accesibility ?

Slide 25

Slide 25 text

Using Developer Tools (Inspect Element) WCAG

Slide 26

Slide 26 text

Audits with Lighthouse WCAG

Slide 27

Slide 27 text

Audits with Lighthouse WCAG

Slide 28

Slide 28 text

Website Accessibility Conformance Evaluation Methodology (WCAG-EM) 1.0 WCAG

Slide 29

Slide 29 text

Online Testing Accesibility People with Disability TAW WAVE - Web Aim aChecker

Slide 30

Slide 30 text

UX and What the Benefit to Organizations

Slide 31

Slide 31 text

Benefit Benefit to Organizations Increased traffic and website use by people with and without disabilities Better user experience for all and improved customer satisfaction Better indexing by search engines. Enhance the Brand Minimize Legal Risk

Slide 32

Slide 32 text

Accesibility is good for Business

Slide 33

Slide 33 text

Apple Case Studies WCAG

Slide 34

Slide 34 text

Magnifier Larger Text Zoom

Slide 35

Slide 35 text

Dictation Shortcut

Slide 36

Slide 36 text

Face Time Sign Language

Slide 37

Slide 37 text

“Accessibility is a core value at Apple and something we view as a basic human right” Sarah Herrlinger Director of Global Accessibility Policy and Initiatives, Apple

Slide 38

Slide 38 text

scope.org.uk

Slide 39

Slide 39 text

wikipedia.org

Slide 40

Slide 40 text

amazon.com

Slide 41

Slide 41 text

bukalapak.com

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

“Accesibility is More than Color Contrast and Font Size” Gemma Helyer -

Slide 46

Slide 46 text

“When UX doesn’t consider ALL users, shouldn’t it be known as “SOME User Experience” or… SUX?” Billy Gregory -

Slide 47

Slide 47 text

Thank You