inspect what you expect: practical accessibility...
TRANSCRIPT
![Page 1: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/1.jpg)
Creative Commons License – some rights reserved
Inspect What You Expect:
Practical Accessibility Testing
Glenda Sims @goodwitch
Knowbility &
UT Austin
![Page 2: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/2.jpg)
Creative Commons License – some rights reserved
Ensuring Accessibility
► Testing Tools
► User Testing
► Implement & Maintain
2
![Page 3: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/3.jpg)
Creative Commons License – some rights reserved
Validity: Building to Code
► Validate (X)HTML, CSS & RSS
► http://validator.w3.org/unicorn/
3
![Page 4: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/4.jpg)
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
![Page 5: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/5.jpg)
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
![Page 6: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/6.jpg)
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
![Page 7: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/7.jpg)
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
![Page 8: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/8.jpg)
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
![Page 9: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/9.jpg)
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
![Page 10: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/10.jpg)
Creative Commons License – some rights reserved
Enterprise Tools
► Define URL, spider profile
► Select testing criteria
► Review reports
► Progress over time
10
![Page 11: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/11.jpg)
Watchfire WebXM
11
![Page 12: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/12.jpg)
12
![Page 13: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/13.jpg)
Creative Commons License – some rights reserved
The Importance of User Testing
13
![Page 14: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/14.jpg)
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
![Page 15: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/15.jpg)
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
![Page 16: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/16.jpg)
Creative Commons License – some rights reserved
Software Development Life Cycle
Request
Analysis
Requirements
Design
Test
Deploy
Support
Build
Accessibility
16
![Page 17: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/17.jpg)
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
![Page 18: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/18.jpg)
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
![Page 19: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/19.jpg)
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
![Page 20: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/20.jpg)
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
![Page 21: Inspect What You Expect: Practical Accessibility Testingenvironmentsforhumans.com/.../presentations/Sims-Testing-a11y.pdf · Inspect What You Expect: Practical Accessibility Testing](https://reader034.vdocuments.us/reader034/viewer/2022051800/5ac4d8357f8b9aa0518da29c/html5/thumbnails/21.jpg)
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