quick ways to test for accessibility … without doing it all by yourself

Quick Ways to Test for Accessibility … Without Doing It All by Yourself

Angela M. Hooker#QuickA11yTesting @AccessForAll#AHG13 angelahooker.com

Hello!

Angela Hooker@AccessForAll#QuickA11yTesting | #AHG13

#QuickA11yTesting | #A11y | @AccessForAll | #AHG13

So, what’s up? …

4#QuickA11yTesting | #A11y | @AccessForAll | #AHG13

Plan and prioritize

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?

How much time do you have?

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?

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

Get help … for now

• Colleagues (we’ll discuss them more later)• Students• Volunteers• Survey (depends on time)

After you test …

Think about what tools you like best—what appeals to me may not appeal to you.

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 (?!)

Accessibility remix!

Consider another perspective and approach …

Consider another perspective and approach … create an accessibility team from people you already have on staff.

Share the work based on roles instead of correcting your colleagues’ work.

This makes your entire team responsible and accountable for their own work.

Talk with management.

(See Carol Smith’s Negotiate for the User.)

Canadian Government’s resources

• Accessibility Responsibility Breakdown

• Canadian Government• Based on WCAG 2.0• Coopérative

AccessibilitéWeb

4 keys to building in accessibility

Understand disabilities

Train your colleagues according to each of their roles.

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).

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.

Divvy up the standards

Give them tools.

The roles overlap.

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.

It won’t all happen overnight.

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

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.

Now, back to you …

Keep calm and test quickly

Thank you!

Angela Hooker@AccessForAllSlideShareange@angelahooker.comangelahooker.com

Resources

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.

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.

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.

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!

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.

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).

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

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

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

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

Project management

• Planning Accessibility, Government of Canada• Just Ask: Integrating Accessibility Throughout

Design, Shawn Lawton Henry

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

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

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

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

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

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

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

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

Photo credits

• Making a List and Checking It Twice, by Kylesteed

• Big Ben, by Simpologist• DJ Spinning, by Dan Tentler• Old Keys, by Jakeliefer

quick ways to test for accessibility … without doing it all by yourself

accessibility problems

accessibility testing

accessibility program

quick test

ahg13 http

ahg13 hows

quick ways

potential problems

Documents

from principles to toolkits for doing it yourself€¦ ·...

digibury april 2015 alaric king: doing your job as a visual...

dnv gl overview to protect yourself with... ·...

protect yourself from health care scams and frauds yourself...

doing accessibility right the first time – or maybe the...

ask yourself: “what kind of life do i want?” advice...

blogging · academic blogging and wider public discourse...

this booklet belongs to...so why is homework so important?...

express yourself. activity you enjoy doing

free your mind!!! 25 powerful powerfulthoughts. slow down!!!...

how to sell your business without the hassle of doing it...

visualizing linguistic data: from principles to toolkits for...

· web viewwhat can you do to protect yourself from doing...

designing for accessibility lecture 11. agenda disabilities...

blogging - politics.ox.ac.uk · academic blogging and wider...

doing things for yourself review of reflexive prounouns

diy to mwo - from "doing it yourself” to "making with...

molehillprimaryacademy.org.ukmolehillprimaryacademy.org.uk...

when doing it all yourself doesn\'t get it all done

30 things to stop doing to yourself