+ All Categories
Home > Documents > Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5...

Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5...

Date post: 21-Aug-2020
Category:
Upload: others
View: 1 times
Download: 0 times
Share this document with a friend
36
3/14/2013 1 1 Accessibility Testing in the Enterprise The Accessible Technology Webinar Series is sponsored by the Great Lakes ADA Center and the Pacific ADA Center, both members of the ADA National Network. The Session is Scheduled to begin at 1:00 pm CT We will be testing sound quality periodically The content and materials of this training cannot be used or distributed without permission. This training is funded under award #H133A060097 from the U.S. Department of Education through the auspices of the National Institute on Disability and Rehabilitation Research (NIDRR. For permission to use training content or obtain copies of materials used as part of this program please contact us by email at [email protected] or toll free (800) 9494232 (V/TTY) in IL, IN, MI, MN, OH, and WI. For other all other states call (312) 4131407 2 Webinar Features Closed captioning – click CC icon (located in the Audio/Video Panel) or controlF8 (commandF8) and adjust your screen. Questions Highlight “Great Lakes” in the participant list and “right click” on your mouse to send a private message. Type your message into the chat area that appears. The question will be viewed by all moderators. (Keyboard F6, Arrow up or down to locate “Great Lakes” and select to send a message ) Customize your view – You can change the size and location of any of the panels (Chat, etc.) by hovering your mouse over the icon at the right of each panel and select “Detach Panel”. Each panel can be repositioned and resized. Please do not use emoticons or handraising features during this session
Transcript
Page 1: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

1

1

Accessibility Testing in the EnterpriseThe Accessible Technology Webinar Series is sponsored by the Great Lakes ADA Center and the Pacific ADA Center, both members of the ADA National Network.

The Session is Scheduled to begin at 1:00 pm CT

We will be testing sound quality periodically

The content and materials of this training cannot be used or distributed without permission. This training is funded under award#H133A060097 from the U.S. Department of Education through the auspices of the National Institute on Disability and Rehabilitation Research (NIDRR. For permission to use training content or obtain copies of materials used as part of this program please contact us by email at [email protected] or toll free (800) 949‐4232 (V/TTY) in IL, IN, MI, MN, OH, and WI.  For other all other states call (312) 413‐1407

2

Webinar Features

• Closed captioning – click CC icon (located in the Audio/Video Panel) or control‐F8 

(command‐F8) and adjust your screen.

• Questions ‐ Highlight “Great Lakes” in the participant list and “right click” on your 

mouse to send a private message.  Type your message into the chat area that 

appears.  The question will be viewed by all moderators. (Keyboard ‐ F6, Arrow up 

or down to locate “Great Lakes” and select to send a message )

• Customize your view – You can change the size and location of any of the panels 

(Chat, etc.) by hovering your mouse over the         icon at the right of each panel 

and select “Detach Panel”.  Each panel can be repositioned and resized.

• Please do not use emoticons or hand‐raising features during this session

Page 2: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

2

3

Accessibility Testing in the Enterprise

Automated and Manual Testing Tools for today’s businesses.

Barry JohnsonSenior Accessibility Consultant

Deque Systems, Incwww.deque.com

4

Accessibility Overview

• Section 508 

– Part of the Rehabilitation Act of 1973

– Amended in 1998

– Required Federal IT to be accessible  starting June 2001

– There is a refresh coming (we hope)

Page 3: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

3

5

Accessibility Overview

• Web Content Accessibility Guidelines (WCAG) 2.0

– Internationally accepted guidelines

– Just accepted by International Organization for Standardization as a standard 

6

WCAG 2.0• Four Basic Principles of Accessibility

– Perceivable ‐ Information and user interface components must be presentable to users in ways they can perceive.

– Operable ‐ User interface components and navigation must be operable.

– Understandable ‐ Information and the operation of user interface must be understandable.

– Robust ‐ Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.

• 12 Guidelines• 61 Success Criteria

Page 4: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

4

7

What is Disability?

People with disabilitiesare first

PEOPLE

What is Disability?

8

…but is a disability strictly a personal characteristic

of the body?

Page 5: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

5

9

What is Disability?…or do we create 

disabling environments?

10

Disabling Environments

• Buildings without elevators (disabling for wheelchair users) 

• Desks and water fountains with no room underneath (disabling for wheelchair users)

• Microwaves and other appliances with only touch screens (disabling for blind people)

• Theaters, concerts, speeches, sports, and other live events without interpretation or captions (disabling for deaf people)

Page 6: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

6

11

Digital Technologycan be an accessibility barrier…

But it is also one of the best solutions ever invented.

12

How can a Blind Person Read a Newspaper?

Page 7: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

7

13

How can a Person with Very Little Mobility Go Shopping?

14

Our Responsibility

As Digital Content Providers is to ensure that our content is available to EVERYONE

Page 8: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

8

15

Our Responsibility

Jennison Lauren Gene

Screenreader Needs Captions Keyboard Only

16

Testing for Accessibility

With 61 Success Criteria, how on Earth do we test for accessibility?

• System Wide “Enterprise” Testing and Monitoring

• Local browser based page by page testing

Page 9: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

9

17

Accessibility is like a Cookie Recipe

18

WEB ACCESSIBILITY TESTING RECIPE

Page 10: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

10

19

Web development process

20

Accessible web development

Page 11: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

11

21

Accessibility Testing

is NOT Icing

22

Cost to Fix Accessibility Defects

Design Code Test Maintain

Cost Factor 1 3 6 10

0

2

4

6

8

10

12

Cost Factor

Web Development Process Phase

Page 12: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

12

23

Practical Accessibility Testing

The Right Mix of

High Tech High Touch

24

The Right MixAccessibility Testing Methods

High Tech

High Touch

Page 13: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

13

25

Enterprise Accessibility Testing Tools

26

Automatic Testing•Use of a desktop or web‐based application, IDE plugin or browser plugin to look for potential accessibility problems

•May or may not involve the use of spiders to crawl multiple pages

•May or may not involve the ability to schedule repeat tests and/or automate reports

Page 14: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

14

27

Benefits of Automated Tools

•Ability to scan large volumes of code – on a single page, site wide and anything in between

•Ability to automatically generate reports

•Ability to catch errors which do not need humans to review

•Configurable to include / exclude specific guidelines and checking methods

28

Issues with automated tools

•Passing items which should fail

•Failing items which should pass

•Difficulties with content dependent on user interaction with forms

Page 15: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

15

29

Issues with automated tools (con’t)

•Difficulties with pages that utilize JavaScript to render content

•Questionable checking rules “failing” a document for items which have no real‐world impact on access.

•The tools test markup, but not non‐text formats

•Tools often test only the markup itself without assessing DOM structure

30

Issues with automated tools (con’t)

•Security restrictions may not allow the automated tool to access the site

•Security restrictions may disallow installation of the automated tool on the client system

•Many accessibility compliance requirements are things which cannot definitively be tested for via automatic means

Page 16: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

16

31

Worldspace Sync by Deque• Enterprise tools are designed to have you set up scans for 

an entire organization.• You enter the starting  URL(s), tell it the depth to crawl and 

test..• And the Accessibility Standard You want to have Tested –

WCAG 2.0 AA, maybe you only need to test to single level A, perhaps you still want the old 508 standard.

• And tell how frequently you want to have it run, just this once, or are you ready for monthly or weekly scans?

• Learn more about enterprise level accessibility testing tools at http://www.deque.com/worldspace‐sync‐manager

32

Manual testing techniques:

•Code‐level review of the generated HTML/CSS markup

•Browser / Hardware Manipulation

•Assistive Technology Testing

Page 17: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

17

33

Benefits of Manual Testing

•High level of accuracy

•Errors are not just flagged but repairs can be suggested

34

Issues with manual testing

•Outcome reliant on skillset and experience of reviewer

•Very time intensive

• Increased code complexity = increased likelihood of mistakes

Page 18: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

18

35

Issues with manual testing (con’t)

•Code inspection limited mostly to markup

•Some issues should be tested by machine

•Some issues cannot be found by automatic no manual means

36

High TechTouch Testing

www.verybestbaking.com

Wave • wave.webaim.org

Jim Thatcher’s Favelet’s• jimthatcher.com/favelets

Web Developer (Firefox Extension)• addons.mozilla.org/en-US/firefox/addon/60

Accessibility Evaluator• addons.mozilla.org/en-US/firefox/addon/accessibility-

evaluation-toolb/

Juicy Studio Accessibility Toolbar• addons.mozilla.org/en-US/firefox/addon/juicy-studio-

accessibility-too

Headings Map• addons.mozilla.org/en-us/firefox/addon/headingsmap/

FireEyes• www.deque.com/deque-fireeyes

Page 19: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

19

37

Very Best Baking Home Page

38

Smoke Test

Does this page have 

OBVIOUS Accessibility Issues?

Page 20: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

20

39

WAVE

• Go to http://wave.webaim.org/

• Type in URL to test

• Press “WAVE this page” button

40

WAVE - 7 Accessibility Errors!

Page 21: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

21

41

Meaningful Alt

42

Images & Jim Thatcher’s Favelets

• Install Jim Thatcher’s Favelet’s in Firefox – jimthatcher.com/favelets/

• Find “Images” menu on JT Favelets and select “Active Images” 

Page 22: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

22

Reviewing Alt Text for Active Images

43

44

Web Developer Toolbar• Install Web Developer Toolbar in Firefox

• Open Firefox and Select “Replace Images with ALT Attributes” 

• Check Home Page with Images Replaced by ALT

Page 23: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

23

45

Check Home Page with ImagesReplaced by ALT

46

Color Contrast

Page 24: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

24

47

FAE & Color Contrast• Install Functional Accessibility Evaluator (FAE) in FireFox

addons.mozilla.org/en-US/firefox/addon/accessibility-evaluation-toolb/

• Select “Color Contrast ” from Style (on FAE toolbar)

48

FAE Color Contrast Issues

Page 25: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

25

49

Meaningful Link Text

50

FAE & Link TextAccessibility Evaluator in FireFox

Select “Links ” from Navigation (on FAE toolbar)

Page 26: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

26

51

FAE & Link Text

52

Heading Structure

Page 27: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

27

53

Headings Map• Install Heading Map plugin in Firefox 

– addons.mozilla.org/en-us/firefox/addon/headingsmap

• Select “Headings Map” from the Tools menu

54

Headings Map

Page 28: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

28

55

ARIA Landmarks

56

Juicy Studios Accessibility Toolbar

• Install Juicy Studios Accessibility Toolbar plugin in Firefox 

– addons.mozilla.org/en-US/firefox/addon/juicy-studio-accessibility-too

• Select “Document Landmarks” from the ARIA menu

Page 29: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

29

57

Juicy Studios Accessibility Toolbar

Page 58

FireEyes by Deque

www.deque.com/deque‐fireeyes

Page 30: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

30

59

Demo of FireEyes Accessibility Testing Tool

60

Using FireEyes to Test for Color Contrast

Page 31: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

31

61

FireEyes Color Contrast Results

62

Your FireEyes Toolset

Page 32: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

32

63

The Right MixAccessibility Testing Methods

High Tech

High Touch

64

Shoestring Testing Plan

1. Home Page– Smoke Test

2. Representative Pages– Page by Page Testing

Tool(s)– Expert Functionality

Testing• No Eyes – Screenreader• No Ears – No Sound• No Hands – Keyboard

Only

Page 33: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

33

65

Practical Testing Plan

1. Comprehensive Testing– High Tech

• Enterprise Accessibility Scans

2. Representative Pages– High TouchTech

• Page by Page Testing Tools– High Touch

• Expert Functionality Testing– Screenreader– No Sound– Keyboard Only

3. Key User Paths– High Touch

• Hands-on Accessibility Testing

66

No SightNo SoundNo Mouse

No Problem

Equal Access for All

Page 34: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

34

67

ResourcesEnterprise:•Compliance Sheriff from HiSoftware ‐http://www.hisoftware.com/products/hisoftware‐compliance‐sheriff.aspx

•AMP (Accessibility Management Platform) from SSB Bart ‐https://www.ssbbartgroup.com/amp/index.php

•Accenture Digital Diagnostics Engine (ADDE) ‐http://www.accenture.com/us‐en

•Worldspace from Deque Systems –http://worldspace.deque.com

68

ResourcesLocal to your computerWave

• wave.webaim.org

Jim Thatcher’s Favelet’s• jimthatcher.com/favelets

Web Developer (Firefox Extension)• addons.mozilla.org/en-US/firefox/addon/60

Accessibility Evaluator• addons.mozilla.org/en-US/firefox/addon/accessibility-evaluation-toolb/

Juicy Studio Accessibility Toolbar• addons.mozilla.org/en-US/firefox/addon/juicy-studio-accessibility-too

Headings Map• addons.mozilla.org/en-us/firefox/addon/headingsmap/

FireEyes• www.deque.com/deque-fireeyes

Page 35: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

35

69

Questions?

• Thank you for coming today

• Are there any questions?

70

Connecting with Deque

Page 36: Great Lakes Testing Formattedaccessibilityonline.s3.amazonaws.com/archives/...3/14/2013 3 5 Accessibility Overview • Web Content Accessibility Guidelines (WCAG) 2.0 – Internationally

3/14/2013

36

71

Thank you for participating!

NEXT SESSION IS MAY 23, 2013ACCESSIBILITY WITH WORDPRESS

This session was recorded and will be archived in two days at 

http://www.ada‐audio.org/Webinar/AccessibleTechnology/

www.ada‐audio.org 877‐232‐1990 (V/TTY)


Recommended