Live. Learn. Access Intro to Accessibility
A presentation at Internal Training (Holidu) in April 2018 in Munich, Germany by Núria Peña
Live. Learn. Access Intro to Accessibility
What is accessibility? Why is important? How designers should approach it?
What is accessibility?
Accessibility refers to the “ability to access” to any product, device, service, or environment by everyone
Universal Design aka Inclusive Design Refers to designing a product that’s usable by everyone.
Here’s an open secret… Everyone benefits when things are designed accessibly.
The Persona Spectrum
Permanent Temporary Wheelchair Leg injury Situational Travelling
But what happens online?
EXCUSE “People with disabilities don’t really use the web”
253 7.6 M Live with vision impairment BILLION 15% World Population 3.8 ? Live with some form of disability 36 M Are blind 275 M BILLION Are deaf or Hard of Hearing Global Internet Usage (~40%) Stats: World Health Organisation Report
Our audience is often more diverse than we imagine.
Web Accessibility means creating digital products that are available to as many people as possible everyone.
Empathy enable us to design more kindly.
Cerebral Palsy Asperger’s Blindness Low Vision Acoustic trauma Essential Tremor Astigmatism Global Developmental Delay Glaucoma Colour-Blindness Arthritis Autism Presbycusis ADHD Presbycusis Cataracts Hard of Hearing (HoH) Spina Bifida Muscular Dystrophy Dyslexia Alzheimer’s Deafness Otosclerosis Acoustic trauma Parkinsons Down’s Syndrome Multiple Sclerosis Myopia Albinism Obstructed Vision Dyspraxia Epilepsy Visual agnosia Dyscalculia Auditory Processing Disorder (APD)
Visual Auditory Blindness, Low Vision, Colour Blindness, Cataracts, Deafness, Hard of Hearing (HoH), Presbycusis, Glaucoma, Myopia, Astigmatism, Albinism, Visual Auditory Processing Disorder (APD), Acoustic Agnosia, Obstructed Vision (tunnel, patchy, warped) Trauma, Otosclerosis… GOAL GOAL Make it easy to read Make it easy to hear Motor Cognitive Arthritis, Spina Bifida, Cerebral Palsy, Dyspraxia, Down’s Syndrome, Asperger’s, ADHD, Autism, Multiple Sclerosis, Muscular Dystrophy, Parkinson’s… Essential Tremor, Dyslexia, Global Developmental Delay, Dyscalculia, Epilepsy, Alzheimer’s… GOAL GOAL Make it easy to interact Make it easy to understand
Visual
Colour blindness is one of the most common vision deficiencies. It affects about 4.5% of the world’s entire population
Do not depend on colour.
provide high contrast
Ensure sufficient contrast between text and its background. According to WCAG the contrast ratio between text and a text’s background Contrast Ratio: 4.23:1 WCAG AA: Fail WCAG AAA: Fail should be at least 4.5:1 Contrast Ratio: 8.81:1 WCAG AA: Pass WCAG AAA: Pass
Screen Reader: Google Weather Munich Tuesday Image 22° 10°
Screen Reader: Google Weather Munich Friday Scattered Showers 22° <img src=“rain_cloudy.png” alt=“Scattered Showers” /> 10°
Auditory
Motor
The Switch / Clicker
In memoriam Stephen Hawking
Cognitive
Animations are fun, but not for everyone
By applying those principles we are not only improving the experience to the people with disabilities but to everyone.
To conclude… • Everyone benefits when things are designed accessibly. • Not all disabilities are permanent: The Persona Spectrum • Designers can must use certain principles to improve accessibility in digital products.
“ ” “The power of the web is in its universality”. — Tim Berners-Lee Director of W3C and inventor of the World Wide Web.
Live. Learn. Access Intro to Accessibility
Global Accessibility Awareness Day May 17th, 2018
