Practical Accessibility Testing

Practical Accessibility Testing

Your Chance to

the Web

Glenda the Goodwitch

webstandards.org

knowbility.org

deque.com

Open WebFor

Everyone

toconnect

communicateshare & build knowledge

opportunity to reach our full potential

The Open Web isfor Everyone

and on Everything

Not just forstar bellied sneetches

with iPhones

Open Web = Accessible Web

When all users regardless of disability

can obtain the same information and perform the same functions

Oscar Pistorius

• Blade Runner• Fastest man on no

legs• Ruled Ineligible for

Bejing Olympics

His prosthetics make himmore than able-bodied

AccSEXYbility

Practical Accessibility Testing

How Open Are You?

Ensuring Accessibility

• Testing Tools• User Testing• Open Web Design Process

Open Web Ecosystem

Build with valid code http://validator.w3.org/unicorn/

Accessibility Testing Tools

• Accessibility/Web Standards Validators

• Listening with screenreaders• Testing with keyboard / no speakers

• Authoring Tool accessibility features

• Enterprise Accessibility Reports

Accessibility Validators - Page by Page

– CSS/HTML Validators– The Wave– Web Developer for Firefox– Accessibility Toolbar for IE– Luminosity Contrast Ratio

Analyser– FireEyes

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

Accessibility Testing Requires the Human Brain

Testing a Site

www.utsports.com orwww.texassports.com

HTML/CSS Validator• http://validator.w3.org/unicorn/

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

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

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

r-firefox-extension.php#downloadextension

– Headings Map• http://addons.mozilla.org/en-us/firefox/addon/

headingsmap/

Testing a Site

www.utsports.com orwww.texassports.com FireEyes

• www.deque.com/products/deque-labs/worldspace-fireeyes

Listen

Real test: Can users with disabilities actually use your site?

Test representative pages with a screenreader

• JAWS screenreader www.freedomscientific.com

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

Keyboard AloneTest representative pages with a keyboard alone.

• Mouse requires mobility & vision

• Keyboard Access allows assistive technology access

No SpeakersTest multimedia pages with no speakers

Enterprise Tools• Define URL & Spider Profile• Select Testing Criteria• Reports of Progress Over Time

Importance of User Testing

User Testing

Just Ask: Integrating Accessibility

Throughout DesignBy Shawn Lawton Henry

www.uiaccess.com/justask/

Accessibility is a subset of Usability Testing.

A Practical Testing Plan1. Code Validation2. Browser Testing

– turn off images– don’t use the mouse– turn off speakers

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

FireEyes4. Screenreader Testing

– JAWS5. Enterprise Accessibility Report

– like Worldspace6. Hands-on Accessibility Testing

26

Web development process

27

Accessible web development

1. Plan Assess site,

people, process Benchmark

industry Review design and

coding standards Develop roadmap

2. Equip Adopt development and

test tools Integrate with IDE, WCM

and Testi ng tools

6. Sustain Conti nuous monitoring Vendor verifi cati on New employee training

3. Empower Role-specifi c training

4. Test Distributed unit tests Centralized, automated

tests Expert usability evaluati on

with assisti ve technology5. Remediate Prioriti ze Fix Retest

Create an Accessibility Plan1. Gather Baseline Information

2. Gain Top Level Support

3. Organize Web Accessibility Group

4. Define a Standard

5. Create an Implementation Plan

6. Provide Training and Technical Support

7. Monitor Conformance

8. Remain Flexible Through Changes

WebAim8 Step Implementation Modelwww.webaim.org/articles/implementation

28

Implementation Strategy - Prioritize

• Top 10% of pages based on use• Critical Pages (required for your business

purpose)• Audience

Public

Members

Employees

Geeks

29

Implementation StrategiesAccessible (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!

30

Good Design is Accesible design

It is up to YOU!

For most people technology makes things easier. For people with disabilities,

technology makes things possible.

@goodwitchglenda.sims@deque.com

President’s Council on Disabilities