34
| Date post: | 09-Dec-2014 |
| Category: |
Education |
| Upload: | artur-ortega |
| View: | 1,016 times |
| Download: | 1 times |
Speaker
Artur Ortega
Accessibility Evangelist
Yahoo!
2
Responsibility
for
Accessibility
Who?
Accessibility
a11y
QA
i18n
Legal
UED
SEO
Why?
Accessibility
- a human right
7
Users with Disability
- Visually impaired- Blind- Hard of hearing- Deaf- Dyslexic- Reduced mobility- Learning disability- Situative disability
UN convention
for the rights of
people with disabilities
Article 9b
private entities that offer
facilities and services which are open or provided to the public
take into account
all aspects of accessibility
Why?
Benefits for other user groups:
Silver Surfer
Situative Disabled
Etc.
11
Silver Surfer
Definition: An older user of the Internet, usually someone over 50.
Silver surfer (Noun), plural silver surfersEtymology: From silver - referring to the colour of a silver surfer's hair, and surfer - one who surfs (the Internet), from the name of the comic-book character.
Source: Allwords Copyright 1998-2009 http://www.allwords.com/details-silver%20surfer- 444461.html
Situative Disability
Instead of distinguishing between being disabled and not disabled, we have only requirements on the situative context.
Example: While driving a car- Can't use hands- Can't use eyes- only reduced attentionSource (german): Barrierefreies eGovernment, by Herbert Kubicek, Henning Lühr, Beate Schulte http://www.ifib.de/publikationsdateien/Barrierefrei.pdf
What?
Accessibility
in
detail
WCAG 2.0
Four Principles of Accessibility
1. Perceivable
2. Operable
3. Understandable
4. Robust
WCAG 2.0 – Principle 1Perceivable
Users must be able to perceive the information being presented.
It can't be invisible to all of their senses
WCAG 2.0 – Principle 2Operable
Users must be able to operate the interface.
The interface cannot require interaction that a user cannot perform
WCAG 2.0 – Principle 3Understandable
Users must be able to understand the information as well as the operation of the user interface.
The content or operation cannot be beyond their understanding
WCAG 2.0 – Principle 4Robust
Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.
How?
Testing accessibility
throughout development
Unit Tests
Storing the service provider on a global namespace
Easy access for unit tests
Y.namespace(SERVICES_NAMESPACE);
Y[SERVICES_NAMESPACE][SERVICE_PROVIDER] = {
name: "aria",
getService : function(moduleplatform, id) {
return AriaService;
}
};
Test tools
• Quick Accessibility Check List
• Colour contrast analyzer
• Free screen reader NVDA
• Web Developer Toolbar
• WAVE toolbar
• YSelenium Accessibility Tests
WAVE toolbar
1. browse to a web page
2. select one of the ‘views’ icons
3. web page shows report
between viewing reports:
"Reset Page" icon refreshes the page
visual impairment tests
Color contrast analyzer:simulator for glaucoma, cataracts, etc
VisCheck:simulator for color blindness and even how babies see
Fujitsu Color Selector:suggests color combinations using sophisticated algorythms
Colour Contrast Analyser:analyzes various color and contrast combinations
Selenium Extensions
• Images
• Frames & iFrames
• Links
• Forms (edit fields, checkboxes, buttons etc)
• Page Titles
• Headings
• Navigation Menus
• ...and much more
NVDA
Free
screen-readerhttp://www.nvda-project.org/
Test steps for ysearch
Using different screen readers
- speaks the “Search query” label
- speaks the “Use the..” description
- transition to the list of suggested terms is announced along with
- the full instructions
- the selected item
- each focus transition is properly announced and the highlighted item read
Where?
Accessibility Labs
&
Code Review
Accessibility Taskforce
Global
European
USA
India
Accessibility Lab, USA
Accessibility Lab, India
When?
Accessibility
in
mind
Conclusion
Product Design
Implementation
Tests
User Feedback
33
Artur Ortega
Accessibility EvangelistYahoo! Europe Ltd
125 Shaftesbury AvenueLondon WC2H 8AD
United [email protected]
