SlideShare una empresa de Scribd logo
1 de 63
Descargar para leer sin conexión
How accessible is your website?
We’ve broken the internet!
(You just can’t see the damage)
“Design” at what cost?
Form vs. Function
Web page
Cinema isn’t theatre!
TV isn’t radio!
Pervasive developmental disorders
Mental health & emotional
Physical
Sensory
Intellectual
Developmental disability
Nonvisible disabilities
Pervasive developmental disorders
Mental health & emotional
Physical
Sensory
Intellectual
Developmental disability
Nonvisible disabilities
Disabilities
15% of the world’s population have some form of disability
www.smashingmagazine.com/2014/10/color-contrast-tips-and-tools-for-accessibility/
Vision problems
About 4% of the population have low vision
7-12% of men have some form of colour blindness
Low-vision increases with age, half over-50s have some
degree of low-vision condition
www.smashingmagazine.com/2014/10/color-contrast-tips-and-tools-for-accessibility/
Changing population
Worldwide, the fastest-growing population is 60 years of age
and older
www.smashingmagazine.com/2014/10/color-contrast-tips-and-tools-for-accessibility/
By 2050 the number of over-60s
will double
http://www.theguardian.com/sustainable-business/2015/dec/31/digital-discrimination-netflix-disney-target-web-accessibility-doj
Accommodate everyone
Why should you?
Accessible websites are 35%
more usable by everyone
www.abilitynet.org.uk/advice-info/web-accessibility-resources
SEO-friendly
It’s the law!
(Nearly)
EU
Soon all public sector websites must be accessible
UK law shortly after
Then laws for the private sector
UK
Equality Act 2010
Do not discriminate
Right to take legal action
Maguire v SOCOG
$20,000
The National Association of the
Deaf v Netflix
$795,000
The National Federation of the
Blind and the American Council of
the Blind v Arizona State University
12 million disabled people 

= £120 billion spending power
*http://www.abilitynet.org.uk/advice-info/web-accessibility-resources
How are we accessible?
Responsive Web Design
Non-responsive web design
Accessibility best practice
Contrast
Accessibility best practice
Contrast
Accessibility best practice
Text size
Accessibility best practice
Text size
Accessibility best practice
Alt tags
<img alt=“palm trees on beach”>
Accessibility best practice
Good quality code
Accessibility best practice
Microformats
<header role=“banner”>
<main role=“main”>
<nav role=“navigation”>
<aside role=“complementary”>
<form role=“search”>
<form role=“form”>
Accessibility compliance
WCAG
(Web Content Accessibility Guidelines)
Accessibility compliance
“Perceivable”
Can't be invisible to all of their senses
Accessibility compliance
“Operable”
The interface cannot require interaction that a user cannot
perform
Accessibility compliance
“Understandable”
The content or operation cannot be beyond their
understanding
Accessibility compliance
“Robust”
As devices evolve, the content should remain accessible
Accessibility compliance
A
Accessibility compliance
AA
Accessibility compliance
AAA
2018
US legislation will be based on WCAG
Increased accessibility obligations only two years away
http://www.theguardian.com/sustainable-business/2015/dec/31/digital-discrimination-netflix-disney-target-web-accessibility-doj
What next?
Where to start?
Accessibility is not a buzzword
Not a compromise
Can be done gradually
Responsibility
Our job to offer the service
Your responsibility to budget and ask for accessibility
“Great web accessibility isn’t a thing you do; it’s
a side effect of awesome thoughtful work.”
Joe Watkins, UX Engineer
“Accessibility is about designing and developing for
as many people as possible. It’s about doing the right
thing … creating a more inclusive web with each
screen or line of code.”
Marcy Sutton, Accessibility Engineer - Adobe
Let’s fix the internet!

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Rebecca Topps - Mobile Accessibility
Rebecca Topps - Mobile AccessibilityRebecca Topps - Mobile Accessibility
Rebecca Topps - Mobile Accessibility
 
Henry Charge - It's your job to make things accessible
Henry Charge - It's your job to make things accessibleHenry Charge - It's your job to make things accessible
Henry Charge - It's your job to make things accessible
 
Accessibility is not disability Drupal South 2014
Accessibility is not disability Drupal South 2014Accessibility is not disability Drupal South 2014
Accessibility is not disability Drupal South 2014
 
Beginners Guide To Web Accessibility - WordCamp UK July 2013
Beginners Guide To Web Accessibility - WordCamp UK July 2013Beginners Guide To Web Accessibility - WordCamp UK July 2013
Beginners Guide To Web Accessibility - WordCamp UK July 2013
 
How Deep Is Your Accessibility Empathy SXSW Workshop 2017
How Deep Is Your Accessibility Empathy SXSW Workshop 2017How Deep Is Your Accessibility Empathy SXSW Workshop 2017
How Deep Is Your Accessibility Empathy SXSW Workshop 2017
 
Wave training
Wave trainingWave training
Wave training
 
Accessible Web Design
Accessible Web DesignAccessible Web Design
Accessible Web Design
 
Dealing with RSI in the workplace AbilityNet webinar 11 March 2015
Dealing with RSI in the workplace AbilityNet webinar 11 March 2015Dealing with RSI in the workplace AbilityNet webinar 11 March 2015
Dealing with RSI in the workplace AbilityNet webinar 11 March 2015
 
UX Akron Global Accessibility Awareness Day 2019
UX Akron Global Accessibility Awareness Day 2019UX Akron Global Accessibility Awareness Day 2019
UX Akron Global Accessibility Awareness Day 2019
 
Test boss 2019 slide deck
Test boss 2019 slide deckTest boss 2019 slide deck
Test boss 2019 slide deck
 
HR Update: Workstation ergonomics for a safer, more effective workplace
HR Update: Workstation ergonomics for a safer, more effective workplaceHR Update: Workstation ergonomics for a safer, more effective workplace
HR Update: Workstation ergonomics for a safer, more effective workplace
 
What Accessible Design Can Teach You About Responsive Design
What Accessible Design Can Teach You About Responsive DesignWhat Accessible Design Can Teach You About Responsive Design
What Accessible Design Can Teach You About Responsive Design
 
LDD Southern Summit 2013 - Adido - The theatre of the future-friendly website
LDD Southern Summit 2013 - Adido - The theatre of the future-friendly websiteLDD Southern Summit 2013 - Adido - The theatre of the future-friendly website
LDD Southern Summit 2013 - Adido - The theatre of the future-friendly website
 
A11y presentation-2017
A11y presentation-2017A11y presentation-2017
A11y presentation-2017
 
Accessible UX: Beyond the checklist to great experiences
Accessible UX: Beyond the checklist to great experiencesAccessible UX: Beyond the checklist to great experiences
Accessible UX: Beyond the checklist to great experiences
 
How to Control Your Computer with Your Voice April 2015
How to Control Your Computer with Your Voice April 2015How to Control Your Computer with Your Voice April 2015
How to Control Your Computer with Your Voice April 2015
 
Cognitive Insights drive self-driving Accessibility
Cognitive Insights drive self-driving AccessibilityCognitive Insights drive self-driving Accessibility
Cognitive Insights drive self-driving Accessibility
 

Destacado (13)

Africa visto por 100 fotografos
Africa visto por 100 fotografosAfrica visto por 100 fotografos
Africa visto por 100 fotografos
 
TECHNIX Treadmill
TECHNIX TreadmillTECHNIX Treadmill
TECHNIX Treadmill
 
Estatica copia
Estatica copiaEstatica copia
Estatica copia
 
Proyecto tecnológico 10 02
Proyecto tecnológico 10 02Proyecto tecnológico 10 02
Proyecto tecnológico 10 02
 
UPDATED RESUME MARCH
UPDATED RESUME MARCHUPDATED RESUME MARCH
UPDATED RESUME MARCH
 
Suecia
SueciaSuecia
Suecia
 
Sonali_Gaikwad_Resume_2016
Sonali_Gaikwad_Resume_2016Sonali_Gaikwad_Resume_2016
Sonali_Gaikwad_Resume_2016
 
Las redes informátic as diapositivas
Las redes informátic as diapositivasLas redes informátic as diapositivas
Las redes informátic as diapositivas
 
TECHNIX - SPORTS AND FITNESS ACCESSORIES
TECHNIX - SPORTS AND FITNESS ACCESSORIESTECHNIX - SPORTS AND FITNESS ACCESSORIES
TECHNIX - SPORTS AND FITNESS ACCESSORIES
 
ORTHOTECH
ORTHOTECH ORTHOTECH
ORTHOTECH
 
TECHNIX EXERCISE CYCLES (BIKES)
TECHNIX EXERCISE CYCLES (BIKES)TECHNIX EXERCISE CYCLES (BIKES)
TECHNIX EXERCISE CYCLES (BIKES)
 
Redes sociales
Redes socialesRedes sociales
Redes sociales
 
MULTIVARIATE STATISTICAL MODELS’ SYMBOLS
MULTIVARIATE STATISTICAL MODELS’ SYMBOLSMULTIVARIATE STATISTICAL MODELS’ SYMBOLS
MULTIVARIATE STATISTICAL MODELS’ SYMBOLS
 

Similar a How accessible is your website?

Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web Accessibility
Steven Swafford
 

Similar a How accessible is your website? (20)

Accessibility First is the new Mobile First
Accessibility First is the new Mobile FirstAccessibility First is the new Mobile First
Accessibility First is the new Mobile First
 
BDA - The Importance of Digital Accessibility and why it should matter to the...
BDA - The Importance of Digital Accessibility and why it should matter to the...BDA - The Importance of Digital Accessibility and why it should matter to the...
BDA - The Importance of Digital Accessibility and why it should matter to the...
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it matters
 
Accessibility and Web Technologies @HTML5_Toronto
Accessibility and Web Technologies @HTML5_TorontoAccessibility and Web Technologies @HTML5_Toronto
Accessibility and Web Technologies @HTML5_Toronto
 
Accessibility for beginners
Accessibility for beginnersAccessibility for beginners
Accessibility for beginners
 
What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Accessibility Primer - UXfrkln meetup
Accessibility Primer - UXfrkln meetupAccessibility Primer - UXfrkln meetup
Accessibility Primer - UXfrkln meetup
 
Developing an Accessible Web
Developing an Accessible WebDeveloping an Accessible Web
Developing an Accessible Web
 
Don't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesDon't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resources
 
Accessibility Fundamentals Bootcamp
Accessibility Fundamentals BootcampAccessibility Fundamentals Bootcamp
Accessibility Fundamentals Bootcamp
 
User Experience and Accessibility - BrightonSEO March 2021
User Experience and Accessibility  - BrightonSEO March 2021User Experience and Accessibility  - BrightonSEO March 2021
User Experience and Accessibility - BrightonSEO March 2021
 
Website Accessibility
Website AccessibilityWebsite Accessibility
Website Accessibility
 
Global Accessibility Awareness Day
Global Accessibility Awareness DayGlobal Accessibility Awareness Day
Global Accessibility Awareness Day
 
How to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonHow to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp Boston
 
Fa qs 2016-04-21
Fa qs 2016-04-21Fa qs 2016-04-21
Fa qs 2016-04-21
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web Accessibility
 
Developing Accessible Experiences
Developing Accessible ExperiencesDeveloping Accessible Experiences
Developing Accessible Experiences
 
Engineering Web Accessibility for Older People
Engineering Web Accessibility for Older PeopleEngineering Web Accessibility for Older People
Engineering Web Accessibility for Older People
 
Eve Designs Presentation
Eve Designs PresentationEve Designs Presentation
Eve Designs Presentation
 

Último

Último (12)

Dehradun Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
Dehradun Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort ServiceDehradun Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
Dehradun Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
 
Dàni Velvet Personal Brand Exploration (1).pptx
Dàni Velvet Personal Brand Exploration (1).pptxDàni Velvet Personal Brand Exploration (1).pptx
Dàni Velvet Personal Brand Exploration (1).pptx
 
Sangareddy Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
Sangareddy Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort ServiceSangareddy Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
Sangareddy Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
 
Lucknow Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
Lucknow Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort ServiceLucknow Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
Lucknow Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
 
Bangalore Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
Bangalore Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort ServiceBangalore Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
Bangalore Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
 
Hyderabad Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
Hyderabad Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort ServiceHyderabad Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
Hyderabad Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
 
Tirupati Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
Tirupati Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort ServiceTirupati Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
Tirupati Call Girls Service ☎ ️82500–77686 ☎️ Enjoy 24/7 Escort Service
 
Famedesired Project portfolio1 . Fullsail
Famedesired Project portfolio1 . FullsailFamedesired Project portfolio1 . Fullsail
Famedesired Project portfolio1 . Fullsail
 
Shareholders Agreement Template for Compulsorily Convertible Debt Funding- St...
Shareholders Agreement Template for Compulsorily Convertible Debt Funding- St...Shareholders Agreement Template for Compulsorily Convertible Debt Funding- St...
Shareholders Agreement Template for Compulsorily Convertible Debt Funding- St...
 
Sohna Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort Service
Sohna Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort ServiceSohna Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort Service
Sohna Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort Service
 
EV Electric Vehicle Startup Pitch Deck- StartupSprouts.in
EV Electric Vehicle Startup Pitch Deck- StartupSprouts.inEV Electric Vehicle Startup Pitch Deck- StartupSprouts.in
EV Electric Vehicle Startup Pitch Deck- StartupSprouts.in
 
Call girls in Andheri with phone number 9892124323
Call girls in Andheri with phone number 9892124323Call girls in Andheri with phone number 9892124323
Call girls in Andheri with phone number 9892124323
 

How accessible is your website?