SlideShare a Scribd company logo
1 of 34
Download to read offline
The Four Basic Principles of
Web Accessibility
Homer Gaines
2
We hear about accessibility
but many don’t know why we should
worry about it or even where to begin.
3
4
ADA
Americans with Disabilities Act of 1990
(ADA for short)
Requires fair and reasonable access for all individuals with disabilities.
In the early 2000’s, this rule was extended to websites and other digital properties
even though Titles II and III had been around since 1991.
ada.gov
5
WORLDMAP
World Population
~1 billion people globally
have a disability.
15%
disabilitystatistics.org
6
WORLDMAP
Gen X & Y
11%
11% of the population between the age of
21 - 64 have a disability
disabilitystatistics.org
7
Invisabilities
8
Not all disabilities are permanent.
9
10
LawsuitsintheUSalone
Lawsuits in the US
California and Georgia are in the top ten for
Title III lawsuits.
#1 California
#7 Georgia
11
LawsuitsintheUSalone
Recent high profile lawsuits in the US
● Beyonce
● Domino’s Pizza
● GNC
12
USERTESTING
13
WCAG2.1
WCAG 2.1 Success Criteria
Bare Minimum
A
https://disabledaccessdenied.wordpress.com/2014/05/09/accessibility-fails-or-when-idiots-design-wheelchair-access/
14
WCAG2.1
WCAG 2.1 Success Criteria
Wut?
AAA
@erniesjourney
15
WCAG2.1
WCAG 2.1 Success Criteria
Sweet Spot
AA
16
Bare Minimum Sweet Spot Wut?
WCAG2.1
WCAG 2.1 Success Criteria
A AA AAA
17
AXE by Deque
For Automated
Accessibility Testing
AXE
18
NVDA JAWS
VoiceOver
19
But How Do We Get There?
20
Semantics
Semantics
Semantic
Markup
Design
Systems
21
The Four Basic Principles
of Accessibility
22
Perceivable
POUR
1
Operable
Understandable
Robust
2
3
4
23
Perceivable
Users must be able to perceive the content
by using their senses. Until the day comes
where we can taste and smell digital content,
we must focus on the user’s ability to see,
hear, and or feel the available content.
● Focusable
● Error handling
● Closed Captions
Perceivable
24
Operable
Because we all don’t use computers the same
way, users have a variety of methods for
accessing and interacting with digital content.
Keeping this in mind, developers need to
ensure the content is accessible to the various
input devices.
● Type aid
● Switches
● Sip and Puff
Operable
25
Understandable
Understandable
Being able to understand content goes
beyond comprehending the words, it extends
to the UI and UX as well.
Presenting a well-structured navigation
scheme within a consistent theme allows for a
better user experience. Using alerts and
avoiding complex sentence structures also
play key roles in the overall experience by
reducing cognitive load.userinyerface.com
26
Robust
Robust
Providing accessible content begins with semantically correct markup.
Doing so ensures the content will be compatible with the range of
devices used to consume digital content.
27
It Starts with Empathy
28
AskYourself
Visualizing Empathy blog post
29
AskYourself
Ask Yourself
What can I see?
Perceivable
What can I do?
Understandable & Operable
How will I do it?
Operable
Turn the brightness or contrast down on your monitor.
Perform an action without a mouse.
Turn on a screen reader and close your eyes.
30
TryItOut
Try It Out
31
BeMindfulofOverEngineering
Be Mindful of Over Engineering
32
Thanks!!
Shout out to Mike Lawrence
33
I’m Homer Gaines a Certified
Accessibility Professional and
Front-end Developer who works for
UserTesting and we are hiring!
@xirclebox
34
Resources
WCAG 2.1 Quick Reference
https://www.w3.org/WAI/WCAG21/quickref/#top
WAI-ARIA
https://www.w3.org/WAI/standards-guidelines/aria/
If you’re interested in getting certified
https://www.accessibilityassociation.org/certification
Run your own test
https://www.deque.com/axe/

More Related Content

Similar to The Four Basic Principles of Web Accessibility

Similar to The Four Basic Principles of Web Accessibility (20)

Global Accessibility Awareness Day
Global Accessibility Awareness DayGlobal Accessibility Awareness Day
Global Accessibility Awareness Day
 
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
 
The Four Principles of Accessibility
The Four Principles of AccessibilityThe Four Principles of Accessibility
The Four Principles of Accessibility
 
GAAD_EVENT_V3.pptx
GAAD_EVENT_V3.pptxGAAD_EVENT_V3.pptx
GAAD_EVENT_V3.pptx
 
Enhancing the User Experience for People with Disabilities
Enhancing the User Experience for People with DisabilitiesEnhancing the User Experience for People with Disabilities
Enhancing the User Experience for People with Disabilities
 
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?
 
Making Web Easily Accessible with Web Accessibility
Making Web Easily Accessible with Web AccessibilityMaking Web Easily Accessible with Web Accessibility
Making Web Easily Accessible with Web Accessibility
 
Uncle Sam Wants You (To Optimize Your Content For Mobile)
Uncle Sam Wants You (To Optimize Your Content For Mobile)Uncle Sam Wants You (To Optimize Your Content For Mobile)
Uncle Sam Wants You (To Optimize Your Content For Mobile)
 
ADA Compliance and Website Accessibility
ADA Compliance and Website AccessibilityADA Compliance and Website Accessibility
ADA Compliance and Website Accessibility
 
Digital Accessibility: Human Centered Design
Digital Accessibility: Human Centered DesignDigital Accessibility: Human Centered Design
Digital Accessibility: Human Centered Design
 
Building a Culture of Accessibility - 1 (1).pdf
Building a Culture of Accessibility - 1 (1).pdfBuilding a Culture of Accessibility - 1 (1).pdf
Building a Culture of Accessibility - 1 (1).pdf
 
Building a Culture of Accessibility - 1.pdf
Building a Culture of Accessibility - 1.pdfBuilding a Culture of Accessibility - 1.pdf
Building a Culture of Accessibility - 1.pdf
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Digital Accessibility: What Local Governments Should Know
Digital Accessibility: What Local Governments Should KnowDigital Accessibility: What Local Governments Should Know
Digital Accessibility: What Local Governments Should Know
 
Portland, ME WordPress Meetup - Web Accessibility in 2020
Portland, ME WordPress Meetup - Web Accessibility in 2020Portland, ME WordPress Meetup - Web Accessibility in 2020
Portland, ME WordPress Meetup - Web Accessibility in 2020
 
Creating An Inclusive Web
Creating An Inclusive WebCreating An Inclusive Web
Creating An Inclusive Web
 
Universal usability by_saina_uie_assign
Universal usability by_saina_uie_assignUniversal usability by_saina_uie_assign
Universal usability by_saina_uie_assign
 
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
 
Accessibility Overview - 508 and WCAG Compliance
Accessibility Overview - 508 and WCAG ComplianceAccessibility Overview - 508 and WCAG Compliance
Accessibility Overview - 508 and WCAG Compliance
 
Building in Digital and Web Accessibility (for content creators)
Building in Digital and Web Accessibility (for content creators)Building in Digital and Web Accessibility (for content creators)
Building in Digital and Web Accessibility (for content creators)
 

Recently uploaded

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Recently uploaded (20)

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 

The Four Basic Principles of Web Accessibility