quick ways to test for accessibility … without doing it all by yourself
DESCRIPTION
Quick Ways to Test for Accessibility … Without Doing It All by Yourself. Angela M. Hooker # QuickA11yTesting @ AccessForAll # AHG13 angela hooker.com. Hello !. Angela Hooker @ AccessForAll # QuickA11yTesting | # AHG13. So, what’s up? …. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/1.jpg)
Quick Ways to Test for Accessibility … Without Doing It All by Yourself
Angela M. Hooker#QuickA11yTesting @AccessForAll#AHG13 angelahooker.com
![Page 2: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/2.jpg)
2
Hello!
Angela Hooker@AccessForAll#QuickA11yTesting | #AHG13
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 3: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/3.jpg)
3
So, what’s up? …
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 4: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/4.jpg)
4#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
Plan and prioritize
![Page 5: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/5.jpg)
5#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
What are you testing?
• A video gallery?• A site? Is it responsive?• A page?• A mobile app?• Is it for an official review or just a quick check
for potential problems?
![Page 6: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/6.jpg)
6#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
How much time do you have?
![Page 7: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/7.jpg)
7#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
Prioritize again
• Do you only have to test or are you responsible for remediating the problems?
• Do you need to tell people how to fix the problems?
![Page 8: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/8.jpg)
8#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
Use checklists and other resources
• Create or find a checklist for your specific needs:– 25 Ways to Make Your Website Accessible (check
for the items listed), by Dennis Lembree– Accessibility Quick Check, Tom Jewett– WCAG 2.0 Checklist, WebAIM– Video and Audio Accessibility Checklist– Course Accessibility Checklist– Mobile: In “Resources” section in this document
![Page 9: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/9.jpg)
9#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
Get help … for now
• Colleagues (we’ll discuss them more later)• Students• Volunteers• Survey (depends on time)
![Page 10: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/10.jpg)
10#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
After you test …
Think about what tools you like best—what appeals to me may not appeal to you.
![Page 11: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/11.jpg)
11#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
How about a quick test now?
• Just for a few minutes, let’s see what we accessibility problems we can find on a popular site.
• I’m going to use a few tools that I like:– WAVE Toolbar– Web Developer Toolbar, by Chris Pederick– Juicy Studio Accessibility Toolbar– Paciello Group Web Accessibility Toolbar– No assistive technologies (?!)
![Page 12: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/12.jpg)
12#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
Accessibility remix!
![Page 13: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/13.jpg)
13#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
Consider another perspective and approach …
![Page 14: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/14.jpg)
14#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
Consider another perspective and approach … create an accessibility team from people you already have on staff.
![Page 15: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/15.jpg)
15
Share the work based on roles instead of correcting your colleagues’ work.
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 16: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/16.jpg)
16
This makes your entire team responsible and accountable for their own work.
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 17: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/17.jpg)
17
Talk with management.
(See Carol Smith’s Negotiate for the User.)
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 18: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/18.jpg)
18
Canadian Government’s resources
• Accessibility Responsibility Breakdown
• Canadian Government• Based on WCAG 2.0• Coopérative
AccessibilitéWeb
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 19: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/19.jpg)
19
4 keys to building in accessibility
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 20: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/20.jpg)
20
Understand disabilities
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 21: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/21.jpg)
21
Train your colleagues according to each of their roles.
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 22: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/22.jpg)
22
Teach them …
• … that we need to test and plan for accessibility throughout each project's lifecycle.
• ... how to choose technology that's accessible.• ... the importance of accessible platforms.• ... to not just do what the cool kids are doing for
the sake of doing it.• … development principles (good, clean,
accessible code).
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 23: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/23.jpg)
23
Teach them …
• ... accessible design principles.• ... how people who have low-English proficiency,
dyslexia, cognitive impairments, etc. need plain language and other principles.
• … that we need to conduct usability testing with people with disabilities.
• … how people with disabilities use their assistive technologies—and that successfully using one assistive technology on a project doesn't mean blanket accessibility.
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 24: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/24.jpg)
24
Divvy up the standards
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 25: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/25.jpg)
25
Give them tools.
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 26: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/26.jpg)
26
The roles overlap.
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 27: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/27.jpg)
27#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
Create a policy
• Write an in-house policy (not an accessibility statement for the public).– Developing Organizational Policies on Web
Accessibility, W3C-WAI• Get management support to make it stick.
![Page 28: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/28.jpg)
28
It won’t all happen overnight.
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 29: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/29.jpg)
29
What doesn’t work
• Putting the work before relationships• Disinterest from upper management• Thinking our process won’t evolve• Allowing the accessibility program to be
personality driven—it must outlive you
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 30: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/30.jpg)
30
What you’ll gain
• Save money by not making costly accessibility fixes later.• You’ll have a solid process that fights the
“accessibility is time consuming and expensive” issues.• You’ll have a fluid process—stands despite
staff changes, work demands, etc.
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 31: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/31.jpg)
31
Now, back to you …
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 32: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/32.jpg)
32#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
Keep calm and test quickly
![Page 34: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/34.jpg)
34
Resources
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 35: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/35.jpg)
35
Sample process
Tailor this to your needs and to each project.1. Document this entire process and testing.2. Choose who should work on the project, and
assign tasks/roles to everyone according to their skills and strengths.
3. Plan/gather requirements with the decision makers, stakeholders, designers, developers, content providers, etc.
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 36: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/36.jpg)
36
Sample process
4. Determine which standards and guidelines are appropriate for your project (WCAG 2.0, Mobile Best Practices, ATAG, CVAA, iOS Accessibility Standards, etc.).
5. Put accessibility requirements in any vendor requests for proposals and/or contracts.
6. Determine your users’ top tasks.
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 37: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/37.jpg)
37
Sample process
7. Review the information architecture.8. Analyze the resulting wireframes.9. Conduct usability testing with paper
prototypes (wireframes).10.Choose and test the color scheme.11.Assess the design mockups.12.Review the final written content.
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 38: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/38.jpg)
38
Sample process
13.Conduct more informal user testing (test the mockups, content, information architecture).
14.Review the templates (including ARIA); validate/remediate the (semantic) code.a. Just because your code validates doesn’t mean
your project is accessible—validate anyway!b. Just because your site doesn’t validate doesn’t
mean it’s inaccessible—validate anyway!
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 39: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/39.jpg)
39
Sample process
15.Review the style sheets; validate/remediate the styles.
16.Test with automated accessibility tools.17.Review the scripting (JavaScript, AJAX,
jQuery, YUI, whatever); add more ARIA, if needed.
18.Test again with automated tools.
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 40: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/40.jpg)
40
Sample process
19.Test with assistive technologies.20.Test on mobile devices and e-readers.21.Test with real people, including several
people with different disability types—don’t forget to test the written content, too.
22.Continue to improve and test after the launch (since browsers and software change).
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 41: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/41.jpg)
41
WCAG 2.0 and general *a11y
• Government of Canada Web Experience Toolkit (WET)—above all else, see the Accessibility Responsibilities Breakdown; it will help you create your process and define roles.
• Constructing a POUR Website, WebAIM• BBC’s Future Media Standards and Guidelines• A11y Buzz
* accessibility
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 42: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/42.jpg)
42#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
Mobile
• Mobile Accessibility Guidelines, BBC• Mobile Accessibility Tests, Henny Swan• iOS Accessibility – A Useful Guide For Testing,
Rosie Sherry• Setting Up iOS
and Android for Accessibility Testing, Kathy Wahlbin
• Why Mobile Accessibility Matters: Best Practices to Make Your Mobile Site Accessible, mobiForge
![Page 43: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/43.jpg)
43
Disabilities
• Disability types/issues– Visual, cognitive, motor, and hearing impairments;
neurological/seizure disorders; elderly and aging• What Is Assistive Technology? – ATIA• Videos of people using assistive technologies,
from AssistiveWare• How Assistive Technology Works
(demonstrations), University of Dundee
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 44: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/44.jpg)
44
Project management
• Integrating Accessibility in the Organization’s Web Development Life Cycle, Denis Boudreau
• Accessibility for Project Managers, Henny Swan
• Managing Accessibility Compliance in the Enterprise, Karl Groves
• Plan for Accessibility, Option Keys#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 45: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/45.jpg)
45
Project management
• Planning Accessibility, Government of Canada• Just Ask: Integrating Accessibility Throughout
Design, Shawn Lawton Henry
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 46: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/46.jpg)
46
Writing content
• Accessibility for Web Writers, by 4 Syllables• Content and Usability: Web Writing, Web
Credible• Make it Plain: Accessibility and Usability Throu
gh Plain Language, Angela Hooker (hey!)
• Plain Language: Accessibility for Information, Whitney Quesenbery
• Plain Language Checklist, PlainLanguage.gov#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 47: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/47.jpg)
47
Design
• Web Accessibility for Designers, WebAIM• Just Ask: Integrating Accessibility Throughout
Design, Shawn Lawton Henry
• Design Considerations, WebAIM• Color Contrast Checker, WebAIM • Accessibility Color Wheel• Trace Photosensitive Epilepsy Analysis Tool
(PEAT) – tests flashing content#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 48: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/48.jpg)
48
Development
• Web Accessibility for Developers (videos), BBC• Build a code library!• Use code generators (see Accessify’s tools).• Web Developer Toolbar, Chris Pederick• Firebug, Mozilla• WCAG 2.0 Checklist, WebAIM• Web Accessibility Gone Wild, WebAIM
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 49: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/49.jpg)
49
Development
• W3C Mobile Web Best Practices• Juicy Studio Accessibility Toolbar —for ARIA,
data tables, color contrast• aChecker, Inclusive Design Institute at OCAD
University• WAVE Toolbar, WebAIM• Favelets for Checking Web Accessibility, Jim
Thatcher
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 50: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/50.jpg)
50
Quality assurance
• Template for Accessibility Evaluation Reports, W3C-WAI
• Accessibility Evaluation Resources, W3C-Web Accessibility Initiative
• Evaluation, Testing, and Tools, WebAIM• WCAG 2.0 Checklist, WebAIM• Wickline Color Blind Web Page Filter• Web Developer Toolbar, Chris Pederick
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 51: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/51.jpg)
51
Quality assurance
• Firebug, Mozilla• Favelets for Checking Web Accessibility, Jim
Thatcher• Trace Photosensitive Epilepsy Analysis Tool
(PEAT) – tests flashing content• Web Accessibility Initiative (WAI),
Evaluating Websites for Accessibility
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 52: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/52.jpg)
52
Quality assurance
• Central Office of Information (COI), Delivering Inclusive Websites
• Establishing a Screen Reader Test Plan, Henny Swan
• How to Use NVDA and Firefox to Test for Accessibility, Marco Zehe
• Web Accessibility Gone Wild, WebAIM
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 53: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/53.jpg)
53
Usability
• Usability Testing and Conducting Usability Testing, Just Ask: Integrating Accessibility Throughout Design, Shawn Lawton-Henry
• Usability Testing for People with Disabilities, Kathy Wahlbin and Mary Hunter Utt
• Steve Krug, Rocket Surgery Made Easy
#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
![Page 54: Quick Ways to Test for Accessibility … Without Doing It All by Yourself](https://reader036.vdocument.in/reader036/viewer/2022070500/568168e0550346895ddfd93a/html5/thumbnails/54.jpg)
54#QuickA11yTesting | #A11y | @AccessForAll | #AHG13
Photo credits
• Making a List and Checking It Twice, by Kylesteed
• Big Ben, by Simpologist• DJ Spinning, by Dan Tentler• Old Keys, by Jakeliefer