Practical Accessibility Testing - Environments for Humans

Inspect What You Expect: Practical Accessibility Testing Glenda Sims @goodwitch Knowbility & UT Austin

Creative Commons License – some rights reserved

Ensuring Accessibility

► 

Testing Tools

► 

User Testing

► 

Implement & Maintain

Creative Commons License – some rights reserved

2

Validity: Building to Code ► 

Validate (X)HTML, CSS & RSS

► 

http://validator.w3.org/unicorn/

Creative Commons License – some rights reserved

3

Accessibility Testing Tools ► 

Accessibility/Web Standards Validators

► 

Listening with screenreaders

► 

Authoring Tool accessibility features o 

Dreamweaver with WAVE extension

o 

Adobe Acrobat Pro - PDF

Enterprise Accessibility Reports

► 

Creative Commons License – some rights reserved

o 

Worldspace by Deque

o 

Rational Policy Tester by IBM

o 

Accessibility Management Platform by SSB Bart

o 

HighSoft 4

Accessibility Validators - Page by Page ► 

CSS/XHTML Validators

► 

Worldpace by Deque

► 

The Wave

► 

Web Developer for Firefox

► 

Accessibility Toolbar for IE

► 

Luminosity Contrast Ratio Analyser

► 

FireEyes

Accessibility Tools can only automatedly test approximately 27% of the issues. Accessibility Testing requires human brain power! Creative Commons License – some rights reserved

5

More on Accessibility Testing Tools

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

Jim Thatcher: http://www.jimthatcher.com/testing.htm

Creative Commons License – some rights reserved

6

Testing a Site ► 

www.ehawaii.gov/dakine/index.html ► 

HTML/CSS Validator ► 

► 

Wave ► 

► 

https://addons.mozilla.org/en-US/firefox/addon/60

Luminosity Contrast Ratio Analyser ► 

Creative Commons License – some rights reserved

http://wsspg.dequecloud.com/worldspace/wsservice/eval /checkCompliance.jsp

Web Developer (Firefox Extension) ► 

► 

http://wave.webaim.org/

Worldspace ► 

► 

http://validator.w3.org/unicorn/

http://juicystudio.com/article/colour-contrast-analyser-firefox -extension.php#downloadextension

7

Testing a Site

► 

www.ehawaii.gov/dakine/index.html ► 

FireEyes ► 

Creative Commons License – some rights reserved

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

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

Creative Commons License – some rights reserved

9

Enterprise Tools

Creative Commons License – some rights reserved

10

► 

Define URL, spider profile

► 

Select testing criteria

► 

Review reports

► 

Progress over time

Watchfire WebXM

11

12

The Importance of User Testing

Creative Commons License – some rights reserved

13

User Testing Just Ask: Integrating Accessibility Throughout Design By Shawn Henry

www.uiaccess.com/justask/

Accessibility is a subset of Usability Testing.

Creative Commons License – some rights reserved

14

A Practical Testing Plan 1.  Code Validation 2.  Browser Testing ► 

Turn off images

► 

Don’t use the mouse

3.  Online Accessibility Testing (representative pages) • 

use more than one tool, example: Wave & FireEyes

4.  Screenreader Testing • 

JAWS

5.  Enterprise Accessibility Report • 

Like Worldspace or IBM Rational Policy Tester

6.  Hands-on Accessibility Testing

Creative Commons License – some rights reserved

15

Software Development Life Cycle

Request

Support

Analysis

Deploy

Accessibility Requirements

Test

Build

Creative Commons License – some rights reserved

Design

16

Create an Accessibility Plan 1. 

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

WebAim 8 Step Implementation Model www.webaim.org/articles /implementation

Creative Commons License – some rights reserved

17

Implementation Strategy - Prioritize ► 

Top 10% of pages based on use

► 

Critical Pages (required for your business purpose)

► 

Audience Public

Members

Employees Geeks Creative Commons License – some rights reserved

18

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! Creative Commons License – some rights reserved

19

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

Creative Commons License – some rights reserved

20

It is up to YOU!

For most people technology makes things easier. For people with disabilities, technology makes things possible. President’s Council on Disabilities

Creative Commons License – some rights reserved

21