Creative Commons License – some rights reserved

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

2

Creative Commons License – some rights reserved

Validity: Building to Code

►  Validate (X)HTML, CSS & RSS

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

3

Creative Commons License – some rights reserved

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 o  Worldspace by Deque

o  Rational Policy Tester by IBM

o  Accessibility Management Platform by SSB Bart

o  HighSoft

4

Creative Commons License – some rights reserved

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! 5

Creative Commons License – some rights reserved

More on Accessibility Testing Tools

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

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

6

Creative Commons License – some rights reserved

Testing a Site

►  www.ehawaii.gov/dakine/index.html ►  HTML/CSS Validator

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

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

►  Worldspace ►  http://wsspg.dequecloud.com/worldspace/wsservice/eval

/checkCompliance.jsp

►  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

7

Creative Commons License – some rights reserved

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

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

Testing a Site

8

Creative Commons License – some rights reserved

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

9

Creative Commons License – some rights reserved

Enterprise Tools

►  Define URL, spider profile

►  Select testing criteria

►  Review reports

►  Progress over time

10

Watchfire WebXM

11

12

Creative Commons License – some rights reserved

The Importance of User Testing

13

Creative Commons License – some rights reserved

User Testing

Just Ask:

Integrating Accessibility Throughout Design

By Shawn Henry

www.uiaccess.com/justask/

Accessibility is a subset of Usability Testing.

14

Creative Commons License – some rights reserved

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

15

Creative Commons License – some rights reserved

Software Development Life Cycle

Request

Analysis

Requirements

Design

Test

Deploy

Support

Build

Accessibility

16

Creative Commons License – some rights reserved

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

17

Creative Commons License – some rights reserved

Implementation Strategy - Prioritize ►  Top 10% of pages based on use

►  Critical Pages (required for your business purpose)

►  Audience

Public

Members

Employees

Geeks

18

Creative Commons License – some rights reserved

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!

19

Creative Commons License – some rights reserved

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 20

Creative Commons License – some rights reserved

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

21