Usability meets accessibility

Whitney Quesenbery
Whitney QuesenberyCivic design | UX Research | Storytelling | Accessibility at WQusability & Center for Civic Design
Where usability
meets accessibility
Whitney Quesenbery, Center for Civic Design
Jayne Schurick, Knowbility
2
Hi!
Whitney
User research, plain language, usability
Found accessibility through work on civic design
and elections.
Jayne
Usability
Found accessibility through Phillip Morris.
3
Our starting point: user experience and
the user-centered design process
1. Understand
people and context
of use
2. Identify
requirements
3. Explore design
solutions
4. Evaluate
with users
Source: ISO 9241-210 (formerly ISO-13407)
4
Accessibility and usability go hand in hand
Usability
The effectiveness,
efficiency and
satisfaction with
which a specified set of
users can achieve a
specified set of tasks in
a particular
environment.
– ISO 9241-11
Accessibility
The usability of a product,
service, environment or
facility by people with the
widest range of capabilities
– ISO 9241-20
5
Accessibility error priorities
1. Critical
An absolute barrier to access
2. Serious
A barrier that could cause frustration to most and be a
barrier to some, causing a need for work-arounds
3. Moderate
A frustration that would not prevent someone from using
the site
4. Minor
A WCAG error that is unlikely to cause problems
- Glenda Sims, Deque
Source: 2103 Accessibility Summit: http://environmentsforhumans.com
6
Usability problem priorities
1. Critical
A problem that will prevent some users from completing a
common task
2. Serious
A problem that will slow down some users and force them
to find work-arounds
3. Medium
A problem that will cause frustration but will not affect task
completion
4. Low
A quality or cosmetic problem, such as a spelling error,
that can damage the credibility of a site.
- David Travis, User Focus
Source: http://www.userfocus.co.uk/articles/prioritise.html
7
Both evaluate priorities by impact on the user
How likely is it that this problem will stop someone from
being able to use the site?
Priority Label What it covers
Critical Barriers that stop someone from using a site or feature
successfully
Serious Problems that cause frustration, slow someone down,
or require work-arounds
Annoying
(moderate)
Things that are frustrating, but won't stop someone
from using the site
Noisy
(minor)
Minor issues that might not cause someone a problem,
but which damage credibility
8
Examples of how usability and
accessibility problems interact
These examples are drawn from our experiences doing
usability testing. Although we show partial screens from
real site, these are simply typical problems, and not
unique to those sites.
In most cases, these companies are actively working on
both usability and accessibility, and some of the issues
described in this presentation have already been fixed.
9
Coding errors turn a serious usability problem into a
critical accessibility problem
Usability problems (serious)
• Too many links (281 of them)]
• And 45 lists
• 98 Poor headings
• Overly complex information
Accessibility barriers (critical)
• Missing semantic coding:
• Headings
• In page navigation
10
Noisy – easy to find - problems masked a critical one
Accessibility (noisy)
• Missing alt text
• Inconsistent heading coding
• Confusing labeling of
sections
But the real problem was
Accessibility (critical)
• No way to jump past the
infinite ribbon at the top of
the page
11
All information and links are “accessible” but rely on
visual layout for meaning
Accessibility (serious)
• The overall site is
accessible
but
• The insert task links
rely on visual position
to tell you where the
task will be inserted.
Insert Task
Insert Task
12
Long pages make information hard to find (even with
headers, without a table of contents
Really
really
long
page

Usability & Accessiblity
(Annoying to Serious)
• On a long page with a lot of
detail, users had trouble
finding specific information
Adding a well-designed "on this
page" menu helped everyone
decide whether this was the right
page
13
The interface is harder than the test
Usability (serious)
Kids have to know how
use the tabs
Accessibility (critical)
Same problem, but worse
because the test question
is hidden
No heading
Follows long text
14
Participants with disabilities add perspectives to a
usability problem
Usability &
accessibility(serious)
The general interface is both
usable and accessible, but the
language and terminology in the
content created serious and critical
problems for people who did not
know university terminology.
15
Repeated and inconsistent page titles
make the IA incomprehensible
Usability (annoying)
Page titles repeat at different levels
Links and titles don't always match
Accessibility (serious)
Same problems have more impact
for screen reader or zoom text
users
16
Look at real behavior, not just
coding requirements.
People with different interaction
styles add depth to usability.
17
"The future is already
here...it's just not evenly
distributed."
– William Gibson
18
Whitney Quesenbery
whitneyq@centerforcividesign.org
centerforcivicdesign.org
@whitneyq
Jayne Schurick
jschurick@knowbility.org
knowbility.org
A Web for Everyone
print, MOBI, ePUB, printable PDF, DAISY
rosenfeldmedia.com/books/a-web-for-everyone/
1 of 18

Recommended

Web accessibility by
Web accessibilityWeb accessibility
Web accessibilityPatrick Broens
2.5K views28 slides
Web Accessibility: A Shared Responsibility by
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityJoseph Dolson
3.9K views36 slides
WCAG by
WCAGWCAG
WCAGPurnimaAgarwal6
153 views30 slides
Understanding Web Accessibility by
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web AccessibilityAndrea Dubravsky
2.7K views38 slides
Basics of Web Accessibility by
Basics of Web AccessibilityBasics of Web Accessibility
Basics of Web AccessibilityMoin Shaikh
520 views66 slides
A Web for Everyone: Accessibility as a design challenge by
A Web for Everyone: Accessibility as a design challengeA Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeWhitney Quesenbery
32K views41 slides

More Related Content

What's hot

Design for accessibility by
Design for accessibilityDesign for accessibility
Design for accessibilityYogeshDaphane
317 views28 slides
What Is Accessibility Testing? by
What Is Accessibility Testing?What Is Accessibility Testing?
What Is Accessibility Testing?QA InfoTech
3.2K views19 slides
Web accessibility: it’s everyone’s responsibility by
Web accessibility: it’s everyone’s responsibilityWeb accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibilityMedia Access Australia
1.7K views26 slides
Design for Accessibility by
Design for AccessibilityDesign for Accessibility
Design for Accessibilityqixingz
5K views71 slides
Introduction To Web Accessibility by
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web AccessibilitySteven Swafford
11K views24 slides
Web accessibility by
Web accessibilityWeb accessibility
Web accessibilityAGILEDROP
9.3K views27 slides

What's hot(20)

Design for accessibility by YogeshDaphane
Design for accessibilityDesign for accessibility
Design for accessibility
YogeshDaphane317 views
What Is Accessibility Testing? by QA InfoTech
What Is Accessibility Testing?What Is Accessibility Testing?
What Is Accessibility Testing?
QA InfoTech3.2K views
Design for Accessibility by qixingz
Design for AccessibilityDesign for Accessibility
Design for Accessibility
qixingz5K views
Introduction To Web Accessibility by Steven Swafford
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web Accessibility
Steven Swafford11K views
Web accessibility by AGILEDROP
Web accessibilityWeb accessibility
Web accessibility
AGILEDROP9.3K views
Accessibility Workshop by Lar Veale
Accessibility WorkshopAccessibility Workshop
Accessibility Workshop
Lar Veale1.1K views
Web accessibility 101: The why, who, what, and how of "a11y" by ecentricarts
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"
ecentricarts4.3K views
Accessible Design Presentation by Topher Kanyuga
Accessible Design PresentationAccessible Design Presentation
Accessible Design Presentation
Topher Kanyuga822 views
Accessible UX: Beyond the checklist to great experiences by Whitney Quesenbery
Accessible UX: Beyond the checklist to great experiencesAccessible UX: Beyond the checklist to great experiences
Accessible UX: Beyond the checklist to great experiences
Whitney Quesenbery3.7K views
Website Accessibility by Nishan Bose
Website AccessibilityWebsite Accessibility
Website Accessibility
Nishan Bose1.7K views
WCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards by UXPA International
WCAG 2.1: What You Need to Know About the Most Recent Accessibility StandardsWCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards
WCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards
UXPA International 3.6K views
ADA Compliance & Website Accessibility by SilverTech
ADA Compliance & Website AccessibilityADA Compliance & Website Accessibility
ADA Compliance & Website Accessibility
SilverTech925 views

Viewers also liked

Accessibility as Innovation: Creating accessible user experiences by
Accessibility as Innovation: Creating accessible user experiencesAccessibility as Innovation: Creating accessible user experiences
Accessibility as Innovation: Creating accessible user experiencesWhitney Quesenbery
6.7K views33 slides
Accessible Video in The Enterprise by
Accessible Video in The Enterprise Accessible Video in The Enterprise
Accessible Video in The Enterprise John Foliot
3.4K views35 slides
Anatomy of an accessible carousel: everyone's responsible! by
Anatomy of an accessible carousel: everyone's responsible!Anatomy of an accessible carousel: everyone's responsible!
Anatomy of an accessible carousel: everyone's responsible!Access iQ
2.6K views15 slides
Getting Things Done for Technical Communicators at TCUK14 by
Getting Things Done for Technical Communicators at TCUK14Getting Things Done for Technical Communicators at TCUK14
Getting Things Done for Technical Communicators at TCUK14Karen Mardahl
1.6K views39 slides
Strategic Approach to IT Accessibility by
Strategic Approach to IT AccessibilityStrategic Approach to IT Accessibility
Strategic Approach to IT AccessibilityInnoTech
902 views24 slides
Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things. by
Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.
Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.Dylan Wilbanks
2.2K views64 slides

Viewers also liked(20)

Accessibility as Innovation: Creating accessible user experiences by Whitney Quesenbery
Accessibility as Innovation: Creating accessible user experiencesAccessibility as Innovation: Creating accessible user experiences
Accessibility as Innovation: Creating accessible user experiences
Whitney Quesenbery6.7K views
Accessible Video in The Enterprise by John Foliot
Accessible Video in The Enterprise Accessible Video in The Enterprise
Accessible Video in The Enterprise
John Foliot3.4K views
Anatomy of an accessible carousel: everyone's responsible! by Access iQ
Anatomy of an accessible carousel: everyone's responsible!Anatomy of an accessible carousel: everyone's responsible!
Anatomy of an accessible carousel: everyone's responsible!
Access iQ2.6K views
Getting Things Done for Technical Communicators at TCUK14 by Karen Mardahl
Getting Things Done for Technical Communicators at TCUK14Getting Things Done for Technical Communicators at TCUK14
Getting Things Done for Technical Communicators at TCUK14
Karen Mardahl1.6K views
Strategic Approach to IT Accessibility by InnoTech
Strategic Approach to IT AccessibilityStrategic Approach to IT Accessibility
Strategic Approach to IT Accessibility
InnoTech902 views
Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things. by Dylan Wilbanks
Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.
Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.
Dylan Wilbanks2.2K views
How To Build An Accessible Web Application - a11yBos by Dennis Lembree
How To Build An Accessible Web Application - a11yBosHow To Build An Accessible Web Application - a11yBos
How To Build An Accessible Web Application - a11yBos
Dennis Lembree5.9K views
HTML5's ARIA and a Web-Accessible Dropdown Widget by Dennis Lembree
HTML5's ARIA and a Web-Accessible Dropdown WidgetHTML5's ARIA and a Web-Accessible Dropdown Widget
HTML5's ARIA and a Web-Accessible Dropdown Widget
Dennis Lembree3K views
Making JavaScript Accessible by Dennis Lembree
Making JavaScript AccessibleMaking JavaScript Accessible
Making JavaScript Accessible
Dennis Lembree1.7K views
HTML5 Accessibility - Is it ready yet? by Steven Faulkner
HTML5 Accessibility - Is it ready yet?HTML5 Accessibility - Is it ready yet?
HTML5 Accessibility - Is it ready yet?
Steven Faulkner2.1K views
Getting Things Done for Technical Communicators by Karen Mardahl
Getting Things Done for Technical CommunicatorsGetting Things Done for Technical Communicators
Getting Things Done for Technical Communicators
Karen Mardahl1.3K views
How To Build An Accessible Web Application by Dennis Lembree
How To Build An Accessible Web ApplicationHow To Build An Accessible Web Application
How To Build An Accessible Web Application
Dennis Lembree2.7K views
Responsible Design: Accountable Accessibility by Billy Gregory
Responsible Design: Accountable AccessibilityResponsible Design: Accountable Accessibility
Responsible Design: Accountable Accessibility
Billy Gregory4.7K views
Designing with Empathy [Reasons to be Creative 2013] by Aaron Gustafson
Designing with Empathy [Reasons to be Creative 2013]Designing with Empathy [Reasons to be Creative 2013]
Designing with Empathy [Reasons to be Creative 2013]
Aaron Gustafson5.6K views
Teach your Browser new tricks by Dirk Ginader
Teach your Browser new tricksTeach your Browser new tricks
Teach your Browser new tricks
Dirk Ginader2.9K views
Create Accessible Infographics by Ted Drake
Create Accessible Infographics Create Accessible Infographics
Create Accessible Infographics
Ted Drake4.5K views
The 5 Layers of Web Accessibility by Dirk Ginader
The 5 Layers of Web AccessibilityThe 5 Layers of Web Accessibility
The 5 Layers of Web Accessibility
Dirk Ginader27.2K views
Accessibility in Responsive web design by Nexer Digital
Accessibility in Responsive web designAccessibility in Responsive web design
Accessibility in Responsive web design
Nexer Digital7.4K views

Similar to Usability meets accessibility

Why Usability Testing Should be Part of your Accessibility Testing Strategy by
Why Usability Testing Should be Part of your Accessibility Testing StrategyWhy Usability Testing Should be Part of your Accessibility Testing Strategy
Why Usability Testing Should be Part of your Accessibility Testing StrategyUser Experience Center, Bentley University
397 views9 slides
Accessibility, Usability and User Centred Design (Usabiltiy) by
Accessibility, Usability and User Centred Design (Usabiltiy)Accessibility, Usability and User Centred Design (Usabiltiy)
Accessibility, Usability and User Centred Design (Usabiltiy)David Lamas
3.4K views78 slides
Web topic 23 web accessibility by
Web topic 23  web accessibilityWeb topic 23  web accessibility
Web topic 23 web accessibilityCK Yang
347 views11 slides
Accessibility and the importance of user testing by
Accessibility and the importance of user testingAccessibility and the importance of user testing
Accessibility and the importance of user testingRuss Weakley
1.7K views29 slides
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ... by
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 ...UXPA International
374 views39 slides
Usability ≠ Accessibility. An intro to web accessibility for agencies. by
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Kate Horowitz
807 views122 slides

Similar to Usability meets accessibility(20)

Accessibility, Usability and User Centred Design (Usabiltiy) by David Lamas
Accessibility, Usability and User Centred Design (Usabiltiy)Accessibility, Usability and User Centred Design (Usabiltiy)
Accessibility, Usability and User Centred Design (Usabiltiy)
David Lamas3.4K views
Web topic 23 web accessibility by CK Yang
Web topic 23  web accessibilityWeb topic 23  web accessibility
Web topic 23 web accessibility
CK Yang347 views
Accessibility and the importance of user testing by Russ Weakley
Accessibility and the importance of user testingAccessibility and the importance of user testing
Accessibility and the importance of user testing
Russ Weakley1.7K views
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ... by UXPA International
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 ...
Usability ≠ Accessibility. An intro to web accessibility for agencies. by Kate Horowitz
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Kate Horowitz807 views
BS 8878 and the Holistic Approaches to Web Accessibility by lisbk
BS 8878 and the Holistic Approaches to Web AccessibilityBS 8878 and the Holistic Approaches to Web Accessibility
BS 8878 and the Holistic Approaches to Web Accessibility
lisbk1.6K views
Usability Presentation by alex_von
Usability PresentationUsability Presentation
Usability Presentation
alex_von246 views
SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ... by Sencha
SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ...SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ...
SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ...
Sencha677 views
SIGNA11Y - Speaker Presentations by Cello Signal
SIGNA11Y - Speaker PresentationsSIGNA11Y - Speaker Presentations
SIGNA11Y - Speaker Presentations
Cello Signal587 views
Web Accessibility 101 by Eric Malcolm
Web Accessibility 101Web Accessibility 101
Web Accessibility 101
Eric Malcolm117 views
The Accessible Web by lisbk
The Accessible WebThe Accessible Web
The Accessible Web
lisbk609 views
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content by Agile Testing Alliance
ATAGTR2017 SPEAKING EYE for differently abled people to see the web contentATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content
Design Like a Pro: Building Better HMI Navigation Schemes by Inductive Automation
Design Like a Pro: Building Better HMI Navigation SchemesDesign Like a Pro: Building Better HMI Navigation Schemes
Design Like a Pro: Building Better HMI Navigation Schemes
Design Like a Pro: Building Better HMI Navigation Schemes by Inductive Automation
Design Like a Pro: Building Better HMI Navigation SchemesDesign Like a Pro: Building Better HMI Navigation Schemes
Design Like a Pro: Building Better HMI Navigation Schemes
Plan For Accessibility - TODCon 2008 by Denise Jacobs
Plan For Accessibility - TODCon 2008Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008
Denise Jacobs3.5K views
Scribe Academy™ presents - Web Accessibility for Town and Parish Councils by... by Scribe
Scribe Academy™  presents - Web Accessibility for Town and Parish Councils by...Scribe Academy™  presents - Web Accessibility for Town and Parish Councils by...
Scribe Academy™ presents - Web Accessibility for Town and Parish Councils by...
Scribe 106 views

More from Whitney Quesenbery

Designing for difference: Are you failing at the most important design challenge by
Designing for difference: Are you failing at the most important design challengeDesigning for difference: Are you failing at the most important design challenge
Designing for difference: Are you failing at the most important design challengeWhitney Quesenbery
556 views30 slides
Storytelling: Finding the insights in research data by
Storytelling: Finding the insights in research data Storytelling: Finding the insights in research data
Storytelling: Finding the insights in research data Whitney Quesenbery
649 views40 slides
Storytelling makes research data come to life by
Storytelling makes research data come to lifeStorytelling makes research data come to life
Storytelling makes research data come to lifeWhitney Quesenbery
805 views33 slides
From barrier-free to delightful by
From barrier-free to delightfulFrom barrier-free to delightful
From barrier-free to delightfulWhitney Quesenbery
452 views39 slides
Accessibility Basics by
Accessibility BasicsAccessibility Basics
Accessibility BasicsWhitney Quesenbery
2.5K views89 slides
Writing Great Alt Text by
Writing Great Alt TextWriting Great Alt Text
Writing Great Alt TextWhitney Quesenbery
4.7K views49 slides

More from Whitney Quesenbery(20)

Designing for difference: Are you failing at the most important design challenge by Whitney Quesenbery
Designing for difference: Are you failing at the most important design challengeDesigning for difference: Are you failing at the most important design challenge
Designing for difference: Are you failing at the most important design challenge
Whitney Quesenbery556 views
Storytelling: Finding the insights in research data by Whitney Quesenbery
Storytelling: Finding the insights in research data Storytelling: Finding the insights in research data
Storytelling: Finding the insights in research data
Whitney Quesenbery649 views
Storytelling makes research data come to life by Whitney Quesenbery
Storytelling makes research data come to lifeStorytelling makes research data come to life
Storytelling makes research data come to life
Whitney Quesenbery805 views
Plain language is accessibility for content by Whitney Quesenbery
Plain language is accessibility for contentPlain language is accessibility for content
Plain language is accessibility for content
Whitney Quesenbery1.8K views
Usability Testing: Making it fast, good, and cheap by Whitney Quesenbery
Usability Testing: Making it fast, good, and cheapUsability Testing: Making it fast, good, and cheap
Usability Testing: Making it fast, good, and cheap
Whitney Quesenbery2.3K views
Security insights & issues for poll workers by Whitney Quesenbery
Security insights & issues for poll workersSecurity insights & issues for poll workers
Security insights & issues for poll workers
Whitney Quesenbery3.5K views
The power of stories: creating empathy and connection by Whitney Quesenbery
The power of stories: creating empathy and connectionThe power of stories: creating empathy and connection
The power of stories: creating empathy and connection
Whitney Quesenbery2.9K views
What you can learn from usability testing by Whitney Quesenbery
What you can learn from usability testingWhat you can learn from usability testing
What you can learn from usability testing
Whitney Quesenbery6.9K views
Using Personas and Stories Effectively - Workshop for TriUXPA by Whitney Quesenbery
Using Personas and Stories Effectively - Workshop for TriUXPAUsing Personas and Stories Effectively - Workshop for TriUXPA
Using Personas and Stories Effectively - Workshop for TriUXPA
Persona Stories: Weaving together quant & qual for a richer picture by Whitney Quesenbery
Persona Stories: Weaving together quant & qual for a richer picturePersona Stories: Weaving together quant & qual for a richer picture
Persona Stories: Weaving together quant & qual for a richer picture
Whitney Quesenbery2.9K views

Recently uploaded

Sudden Deafness Design Document by
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Documentwyfangherman
48 views19 slides
evidence .pptx by
evidence .pptxevidence .pptx
evidence .pptxnpgkddpbpd
10 views4 slides
Antimalarial agents-Medicinal Chemistry by
Antimalarial agents-Medicinal ChemistryAntimalarial agents-Medicinal Chemistry
Antimalarial agents-Medicinal ChemistryNarminHamaaminHussen
6 views27 slides
Anti -Parkinsonian Drugs-Medicinal Chemistry by
Anti -Parkinsonian Drugs-Medicinal ChemistryAnti -Parkinsonian Drugs-Medicinal Chemistry
Anti -Parkinsonian Drugs-Medicinal ChemistryNarminHamaaminHussen
17 views36 slides
Here_Process book by
Here_Process bookHere_Process book
Here_Process booknykimstudio
16 views74 slides
polaris by
polarispolaris
polarisscribddarkened352
238 views13 slides

Recently uploaded(20)

Sudden Deafness Design Document by wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman48 views
Designing Effective AR Experiences by Kumar Ahir
Designing Effective AR ExperiencesDesigning Effective AR Experiences
Designing Effective AR Experiences
Kumar Ahir5 views
Oregon Ducks 4 Spencer Webb Hoodie by brandshop1
Oregon Ducks 4 Spencer Webb HoodieOregon Ducks 4 Spencer Webb Hoodie
Oregon Ducks 4 Spencer Webb Hoodie
brandshop113 views
TISFLEET WEB DESIGN PROJECT by Rabius Sany
TISFLEET WEB DESIGN PROJECTTISFLEET WEB DESIGN PROJECT
TISFLEET WEB DESIGN PROJECT
Rabius Sany39 views
Doing Footwear - Footwear Factory by Doing Footwear
Doing Footwear - Footwear FactoryDoing Footwear - Footwear Factory
Doing Footwear - Footwear Factory
Doing Footwear11 views
StratPlanning Manual 220713.pdf by Lakewalk Media
StratPlanning Manual 220713.pdfStratPlanning Manual 220713.pdf
StratPlanning Manual 220713.pdf
Lakewalk Media15 views
Presentation (1).pdf by hjksa
Presentation (1).pdfPresentation (1).pdf
Presentation (1).pdf
hjksa17 views
Design System in Figma A to Z.pdf by Atiqur Rahaman
Design System in Figma A to Z.pdfDesign System in Figma A to Z.pdf
Design System in Figma A to Z.pdf
Atiqur Rahaman22 views
Scopic UX Design Test Task.pdf by Atiqur Rahaman
Scopic UX Design Test Task.pdfScopic UX Design Test Task.pdf
Scopic UX Design Test Task.pdf
Atiqur Rahaman302 views

Usability meets accessibility

  • 1. Where usability meets accessibility Whitney Quesenbery, Center for Civic Design Jayne Schurick, Knowbility
  • 2. 2 Hi! Whitney User research, plain language, usability Found accessibility through work on civic design and elections. Jayne Usability Found accessibility through Phillip Morris.
  • 3. 3 Our starting point: user experience and the user-centered design process 1. Understand people and context of use 2. Identify requirements 3. Explore design solutions 4. Evaluate with users Source: ISO 9241-210 (formerly ISO-13407)
  • 4. 4 Accessibility and usability go hand in hand Usability The effectiveness, efficiency and satisfaction with which a specified set of users can achieve a specified set of tasks in a particular environment. – ISO 9241-11 Accessibility The usability of a product, service, environment or facility by people with the widest range of capabilities – ISO 9241-20
  • 5. 5 Accessibility error priorities 1. Critical An absolute barrier to access 2. Serious A barrier that could cause frustration to most and be a barrier to some, causing a need for work-arounds 3. Moderate A frustration that would not prevent someone from using the site 4. Minor A WCAG error that is unlikely to cause problems - Glenda Sims, Deque Source: 2103 Accessibility Summit: http://environmentsforhumans.com
  • 6. 6 Usability problem priorities 1. Critical A problem that will prevent some users from completing a common task 2. Serious A problem that will slow down some users and force them to find work-arounds 3. Medium A problem that will cause frustration but will not affect task completion 4. Low A quality or cosmetic problem, such as a spelling error, that can damage the credibility of a site. - David Travis, User Focus Source: http://www.userfocus.co.uk/articles/prioritise.html
  • 7. 7 Both evaluate priorities by impact on the user How likely is it that this problem will stop someone from being able to use the site? Priority Label What it covers Critical Barriers that stop someone from using a site or feature successfully Serious Problems that cause frustration, slow someone down, or require work-arounds Annoying (moderate) Things that are frustrating, but won't stop someone from using the site Noisy (minor) Minor issues that might not cause someone a problem, but which damage credibility
  • 8. 8 Examples of how usability and accessibility problems interact These examples are drawn from our experiences doing usability testing. Although we show partial screens from real site, these are simply typical problems, and not unique to those sites. In most cases, these companies are actively working on both usability and accessibility, and some of the issues described in this presentation have already been fixed.
  • 9. 9 Coding errors turn a serious usability problem into a critical accessibility problem Usability problems (serious) • Too many links (281 of them)] • And 45 lists • 98 Poor headings • Overly complex information Accessibility barriers (critical) • Missing semantic coding: • Headings • In page navigation
  • 10. 10 Noisy – easy to find - problems masked a critical one Accessibility (noisy) • Missing alt text • Inconsistent heading coding • Confusing labeling of sections But the real problem was Accessibility (critical) • No way to jump past the infinite ribbon at the top of the page
  • 11. 11 All information and links are “accessible” but rely on visual layout for meaning Accessibility (serious) • The overall site is accessible but • The insert task links rely on visual position to tell you where the task will be inserted. Insert Task Insert Task
  • 12. 12 Long pages make information hard to find (even with headers, without a table of contents Really really long page  Usability & Accessiblity (Annoying to Serious) • On a long page with a lot of detail, users had trouble finding specific information Adding a well-designed "on this page" menu helped everyone decide whether this was the right page
  • 13. 13 The interface is harder than the test Usability (serious) Kids have to know how use the tabs Accessibility (critical) Same problem, but worse because the test question is hidden No heading Follows long text
  • 14. 14 Participants with disabilities add perspectives to a usability problem Usability & accessibility(serious) The general interface is both usable and accessible, but the language and terminology in the content created serious and critical problems for people who did not know university terminology.
  • 15. 15 Repeated and inconsistent page titles make the IA incomprehensible Usability (annoying) Page titles repeat at different levels Links and titles don't always match Accessibility (serious) Same problems have more impact for screen reader or zoom text users
  • 16. 16 Look at real behavior, not just coding requirements. People with different interaction styles add depth to usability.
  • 17. 17 "The future is already here...it's just not evenly distributed." – William Gibson
  • 18. 18 Whitney Quesenbery whitneyq@centerforcividesign.org centerforcivicdesign.org @whitneyq Jayne Schurick jschurick@knowbility.org knowbility.org A Web for Everyone print, MOBI, ePUB, printable PDF, DAISY rosenfeldmedia.com/books/a-web-for-everyone/

Editor's Notes

  1. On This Page links helped everyone find informationEspecially when they were coded consistently on the page in the semantic structure.
  2. How we ran this test:1 group through conventional recruiting and in-person sessions (including one person with low vision, one with dyslexia)1 group recruited from panel of people with disabilties did remote sessions1 group of eyetracking analysed separatelyResult:No accessibility bugs, but different perspectives on the same problems around language and the overall IA of the site.The problems turned out to be less based on ability than on how well participants already understood higher education and university terminology. The information architecture was annoying (and inefficient) for all, and when we tested more comphrensible terminology it helped everyone.