© 2007 All rights reserved. Knowbility, Inc 1

Inspect What You Expect:

Testing &

Implementation

© 2007 All rights reserved. Knowbility, Inc 2

Ensuring Accessibility

• Testing Tools• User Testing• Implement & Maintain

© 2007 All rights reserved. Knowbility, Inc 3

Validity: Building to Code

• HTML & XHTML Validation validator.w3.org/• CSS Validation jigsaw.w3.org/css-validator/

© 2007 All rights reserved. Knowbility, Inc 4

Accessibility Testing Tools

• Accessibility/Web Standards Validators• Page by Page

• Listening to Your Pages• JAWS / Fangs

• Authoring Tools• Dreamweaver

• Enterprise Accessibility Reports • LIFT & WebXM

www.jimthatcher.com/testing.htm

© 2007 All rights reserved. Knowbility, Inc 5

Accessibility Validators- Page by Page

• CSS/XHTML Validators• WebXact• The Wave• Web Developer for Firefox• Accessibility Toolbar for IE• Luminosity Contrast Ratio

Analyser

Accessibility Tools can only automatedly test approximately 27% of the issues.

Accessibility Testing requires human brain power!

© 2007 All rights reserved. Knowbility, Inc 6

Evaluation of Free Accessibility Testing Tools

www.webaim.org/techniques/articles/freetools/

links to free online

accessibility testing tools

© 2007 All rights reserved. Knowbility, Inc 7

Testing a Site

• www.ehawaii.gov/dakine/index.htm• WebXact

• http://webxact.watchfire.com/

• Wave• http://wave.webaim.org/

• HTML Validator (Firefox Extension)• https://addons.mozilla.org/en-US/firefox/addon/249

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

• Luminosity Contrast Ratio Analyser• http://juicystudio.com/article/colour-contrast-

analyser-firefox-extension.php#downloadextension

© 2007 All rights reserved. Knowbility, Inc 8

Listening to Your Site

The real test:Can users with disabilities

actually use your site?

Listen to representative pages of site using JAWS

JAWS screenreader www.freedomscientific.com

Fangs screenreader emulator standards-schmandards.com/projects/fangs

© 2007 All rights reserved. Knowbility, Inc 9

Hurting My Ears

• http://austin.craigslist.org/

• http://www.cnn.com/

• http://nobelprize.org/nobel_prizes/physics/laureates/2000/kilby-autobio.html

© 2007 All rights reserved. Knowbility, Inc 10

Enterprise Tools

• Define URL, spider profile• Select testing criteria• Review reports• Results by checkpoints• Checkpoints expanded• Resources – How to fix• Previews of pages

© 2007 All rights reserved. Knowbility, Inc 11

LIFT Machinewww.usablenet.com

© 2007 All rights reserved. Knowbility, Inc 12

Defining a Project in LIFT

© 2007 All rights reserved. Knowbility, Inc 17

WebXMwww.watchfire.com

Watchfire WebXM

© 2007 All rights reserved. Knowbility, Inc 22

User Testing

Just Ask:

Integrating Accessibility Throughout Design

By Shawn Henry

www.uiaccess.com/justask/

Accessibility is a subset of Usability Testing.

© 2007 All rights reserved. Knowbility, Inc 23

The Importance of User Testing

www.utexas.edu/learn/usability/

© 2007 All rights reserved. Knowbility, Inc 24

A Practical Testing Plan

1. Code Validation2. Browser Testing

• Turn off images• Don’t use the mouse• Increase font size• Change window size

3. Online Accessibility Testing (representative pages)• use more than one tool, example: Watchfire & Wave

4. Screenreader Testing• JAWS

5. Enterprise Accessibility Report • like Lift or WebXM

6. Hands-on Accessibility Testing

© 2007 All rights reserved. Knowbility, Inc 25

Software Development Life Cycle

Request

Analysis

Requirements

Design

Test

Deploy

Support

Build

Accessibility

© 2007 All rights reserved. Knowbility, Inc 26

Create an Accessibility Plan

1. Gather Baseline Information2. Gain Top Level Support3. Organize Web Accessibility Group4. Define a Standard5. Create an Implementation Plan6. Provide Training and Technical

Support7. Monitor Conformance8. Remain Flexible Through Changes

WebAim8 Step Implementation Model

www.webaim.org/articles/implementation

© 2007 All rights reserved. Knowbility, Inc 27

State of Texas Accessibility Plan

1. Gather Baseline Information

2. Gain Top Level Support

3. Web Accessibility Group

4. Define a Standard

5. Create Implementation Plan

6. Training & Tech Support

7. Monitor Conformance

8. Remain Flexible

1. upcoming DIR survey

2. Brian Rawson, CTO

3. Under development

4. TAC 206.50/Section 508

5. Under Development

6. www.dir.state.tx.us/accessibility

7. Under Development

8. Up to You!

1. upcoming DIR survey

2. Brian Rawson, CTO

3. Under development

4. TAC 206.50/Section 508

5. Under development

6. www1.dir.state.tx.us/accessibility

7. Under development

8. Up to You!

© 2007 All rights reserved. Knowbility, Inc 28

Implementation Strategy - Prioritize• Top 10% of pages based on use• Critical Pages (required for your business purpose)• Audience

Public

Members

Employees

Geeks

© 2007 All rights reserved. Knowbility, Inc 29

Implementation Strategies

Accessible (immediately, no excuses)• All new or revised pages• Top 10% pages (based on analytics)• Critical pages• Accessibility pages

Accessible by (date)• Legacy Web Pages *

* encourages archive of old / outdated pages!

© 2007 All rights reserved. Knowbility, Inc 30

Implementation – Work Smart• Tools that Support Accessibility

• HTML Authoring Tools• Enterprise Wide Testing Tools

• Web Templates• MS Word / PDF

• Select a readable font (avoid italics)• www.webaim.org/techniques/fonts/

• Do not use text boxes • Avoid underlines (except for links)• Use Headings and Lists • Include Alt Text for Images• Use Table Editor to create data tables• Do NOT use Tables for Layout• Use Word Templates

• Provide user feedback method

© 2007 All rights reserved. Knowbility, Inc 31

It is up to you