This document summarizes a presentation about improving web accessibility for disabled users. The presentation discusses best practices from Yahoo!, including the advantages of WAI-ARIA and inclusive design. It provides examples of how techniques like semantics, landmarks, ARIA roles, and live regions can make AJAX, web apps, and mobile interfaces more usable for disabled and all users. The goal is to design inclusively for human diversity from the start.
Best Practices for Implementing an External Recruiting Partnership
Next generation web accessibility: Creating a nice user experience for everyone
1. Next generation web accessibility:
Improvement of usability for disabled users
Creating a nice user experience for everyone
Artur Ortega
March 17, 2011
1
2. About the speaker: Artur Ortega
The difficulties which I meet with in order to realize my existence are
precisely what awaken and mobilize my activities, my capacities.
— Jose Ortega y Gasett
2
3. Abstract
This lecture provides best practices used
at Yahoo! for increasing the usability of
web pages for disabled users. The real
world examples will explain in detail the
advantages of WAI-ARIA and other
techniques used to improve overall
usability for everyone. Say goodbye to
“Only accessible” and say hello to
“Inclusive Design”!
3
4. Definition: Accessibility
Facilities & Transport
Consumer Goods
& IT
In the usual way
Information Sources
Without too
&
Available much hassle
Communication
Generally without any
Facilities
& Usable help
And other areas
of life
For disabled people
4
5. Definition: Usability
Product
Specific Specific
users With
goals
Effectiveness,
Efficiency & Satisfaction
In a specific context of use
Qualitative attribute assesses how easy user interfaces are to use
Source: ISO 9241
5
6. Definition: Universal Design
1. Equitable use
2. Flexibility in use
3. Simple and intuitive
4. Perceptible information
5. Tolerance for error
6. Low physical effort
7. Size and space for approach and use
Source: Connell, et al., 1997
6
10. Example: Wheelchair Access
`
Photo by Alan (merrionsq), available under a Creative Photo by Leonardo Bonnani, available under a Creative
Commons Attribution-NonCommercial-NoDerivs licence Commons Attribution-NonCommercial-ShareAlike licence
10
13. Challenges: AJAX, web apps, mobile
98.4% JavaScript enabled
550% increase in mobile screen
reader usage in under two years
Social media usage is largely
unchanged since October 2009
Source: WebAIM - Screen Reader User Survey
13
14. Inclusive Web Design
Effectiveness,
Without too Usability for
Efficiency &
much hassle disabled users
Satisfaction
Next generation of accessibility
14
15. Challenges of Inclusive Web
Design
Effectiveness,
Efficiency &
Satisfaction
Generally
In the
without any
usual way
help
15
18. Tackling the challenges
of Inclusive Web Design
In the usual way
AJAX Adding
Generally without
semantics
Web apps any help
& information Adaptations &
Mobile accommodations
18
19. Semantics & Information
Semantics Information
Mark-up Language information
ALT text
WAI-ARIA Long image descriptions
Microformats Subtitles / Closed captions
Audio description
Sign-language
Etc.
19
27. AJAX
Pros Cons
Better usability New area of
Faster than accessibility
full-page reloads Needs more
Usage of open APIs knowledge, caution
and testing
27