"Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote...
-
Upload
artur-ortega -
Category
Education
-
view
1.016 -
download
1
description
Transcript of "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote...
![Page 1: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/1.jpg)
![Page 2: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/2.jpg)
Speaker
Artur Ortega
Accessibility Evangelist
Yahoo!
2
![Page 3: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/3.jpg)
![Page 4: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/4.jpg)
Responsibility
for
Accessibility
Who?
![Page 5: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/5.jpg)
Accessibility
a11y
QA
i18n
Legal
UED
SEO
![Page 6: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/6.jpg)
Why?
Accessibility
- a human right
![Page 7: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/7.jpg)
7
Users with Disability
- Visually impaired- Blind- Hard of hearing- Deaf- Dyslexic- Reduced mobility- Learning disability- Situative disability
![Page 8: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/8.jpg)
UN convention
for the rights of
people with disabilities
![Page 9: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/9.jpg)
Article 9b
private entities that offer
facilities and services which are open or provided to the public
take into account
all aspects of accessibility
![Page 10: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/10.jpg)
Why?
Benefits for other user groups:
Silver Surfer
Situative Disabled
Etc.
![Page 11: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/11.jpg)
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
![Page 12: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/12.jpg)
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
![Page 13: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/13.jpg)
What?
Accessibility
in
detail
![Page 14: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/14.jpg)
WCAG 2.0
Four Principles of Accessibility
1. Perceivable
2. Operable
3. Understandable
4. Robust
![Page 15: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/15.jpg)
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
![Page 16: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/16.jpg)
WCAG 2.0 – Principle 2Operable
Users must be able to operate the interface.
The interface cannot require interaction that a user cannot perform
![Page 17: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/17.jpg)
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
![Page 18: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/18.jpg)
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.
![Page 19: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/19.jpg)
How?
Testing accessibility
throughout development
![Page 20: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/20.jpg)
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;
}
};
![Page 21: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/21.jpg)
Test tools
• Quick Accessibility Check List
• Colour contrast analyzer
• Free screen reader NVDA
• Web Developer Toolbar
• WAVE toolbar
• YSelenium Accessibility Tests
![Page 22: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/22.jpg)
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
![Page 23: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/23.jpg)
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
![Page 24: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/24.jpg)
Selenium Extensions
• Images
• Frames & iFrames
• Links
• Forms (edit fields, checkboxes, buttons etc)
• Page Titles
• Headings
• Navigation Menus
• ...and much more
![Page 25: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/25.jpg)
NVDA
Free
screen-readerhttp://www.nvda-project.org/
![Page 26: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/26.jpg)
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
![Page 27: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/27.jpg)
Where?
Accessibility Labs
&
Code Review
![Page 28: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/28.jpg)
Accessibility Taskforce
Global
European
USA
India
![Page 29: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/29.jpg)
Accessibility Lab, USA
![Page 30: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/30.jpg)
Accessibility Lab, India
![Page 31: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/31.jpg)
When?
Accessibility
in
mind
![Page 32: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/32.jpg)
Conclusion
Product Design
Implementation
Tests
User Feedback
![Page 33: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/33.jpg)
33
![Page 34: "Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College](https://reader035.fdocuments.in/reader035/viewer/2022062615/54865474b4af9f4c438b4b6c/html5/thumbnails/34.jpg)
Artur Ortega
Accessibility EvangelistYahoo! Europe Ltd
125 Shaftesbury AvenueLondon WC2H 8AD
United [email protected]