Your SlideShare is downloading. ×
0
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.
Jay...
3
Our starting point: user experience and
the user-centered design process
1. Understand
people and context
of use
2. Iden...
4
Accessibility and usability go hand in hand
Usability
The effectiveness,
efficiency and
satisfaction with
which a specif...
5
Accessibility error priorities
1. Critical
An absolute barrier to access
2. Serious
A barrier that could cause frustrati...
6
Usability problem priorities
1. Critical
A problem that will prevent some users from completing a
common task
2. Serious...
7
Both evaluate priorities by impact on the user
How likely is it that this problem will stop someone from
being able to u...
8
Examples of how usability and
accessibility problems interact
These examples are drawn from our experiences doing
usabil...
9
Coding errors turn a serious usability problem into a
critical accessibility problem
Usability problems (serious)
• Too ...
10
Noisy – easy to find - problems masked a critical one
Accessibility (noisy)
• Missing alt text
• Inconsistent heading c...
11
All information and links are “accessible” but rely on
visual layout for meaning
Accessibility (serious)
• The overall ...
12
Long pages make information hard to find (even with
headers, without a table of contents
Really
really
long
page

Usab...
13
The interface is harder than the test
Usability (serious)
Kids have to know how
use the tabs
Accessibility (critical)
S...
14
Participants with disabilities add perspectives to a
usability problem
Usability &
accessibility(serious)
The general i...
15
Repeated and inconsistent page titles
make the IA incomprehensible
Usability (annoying)
Page titles repeat at different...
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@knowbil...
Upcoming SlideShare
Loading in...5
×

Usability meets accessibility

2,218

Published on

Presentation on how usability and accessibility problems are related. Including people with disabilities in usability testing can reveal deeper insights into the kinds of problems users might encounter

Published in: Design
0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,218
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
46
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide
  • On This Page links helped everyone find informationEspecially when they were coded consistently on the page in the semantic structure.
  • 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.
  • Transcript of "Usability meets accessibility"

    1. 1. Where usability meets accessibility Whitney Quesenbery, Center for Civic Design Jayne Schurick, Knowbility
    2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 16 Look at real behavior, not just coding requirements. People with different interaction styles add depth to usability.
    17. 17. 17 "The future is already here...it's just not evenly distributed." – William Gibson
    18. 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/
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×