Inspect What You Expect: Testing & Implementation - PowerPoint PPT Presentation

walter-clay
inspect what you expect testing implementation n.
Skip this Video
Loading SlideShow in 5 Seconds..
Inspect What You Expect: Testing & Implementation PowerPoint Presentation
Download Presentation
Inspect What You Expect: Testing & Implementation

play fullscreen
1 / 30
Download Presentation
Inspect What You Expect: Testing & Implementation
110 Views
Download Presentation

Inspect What You Expect: Testing & Implementation

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Inspect What You Expect:Testing & Implementation

  2. Ensuring Accessibility • Testing Tools • User Testing • Implement & Maintain

  3. Validity: Building to Code • HTML & XHTML Validation validator.w3.org/ • CSS Validation jigsaw.w3.org/css-validator/

  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

  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!

  6. Evaluation of Free Accessibility Testing Tools www.webaim.org/techniques/articles/freetools/ links to free online accessibility testing tools

  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

  8. Listening to YourSite The real test:Can users with disabilities actually use your site? Listen to representative pages of site using JAWS JAWSscreenreader www.freedomscientific.com Fangs screenreader emulator standards-schmandards.com/projects/fangs

  9. Hurting My Ears • http://austin.craigslist.org/ • http://www.cnn.com/ • http://nobelprize.org/nobel_prizes/physics/laureates/2000/kilby-autobio.html

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

  11. LIFT Machinewww.usablenet.com

  12. Defining a Project in LIFT

  13. WebXMwww.watchfire.com

  14. Watchfire WebXM

  15. User Testing Just Ask: Integrating Accessibility Throughout Design By Shawn Henry www.uiaccess.com/justask/ Accessibility is a subset of Usability Testing.

  16. The Importance of User Testing www.utexas.edu/learn/usability/

  17. A Practical Testing Plan • Code Validation • Browser Testing • Turn off images • Don’t use the mouse • Increase font size • Change window size • Online Accessibility Testing (representative pages) • use more than one tool, example: Watchfire & Wave • Screenreader Testing • JAWS • Enterprise Accessibility Report • like Lift or WebXM • Hands-on Accessibility Testing

  18. Software Development Life Cycle

  19. Create an Accessibility Plan • Gather Baseline Information • Gain Top Level Support • Organize Web Accessibility Group • Define a Standard • Create an Implementation Plan • Provide Training and Technical Support • Monitor Conformance • Remain Flexible Through Changes WebAim 8 Step Implementation Model www.webaim.org/articles/implementation

  20. Public Members Employees Geeks Implementation Strategy - Prioritize • Top 10% of pages based on use • Critical Pages (required for your business purpose) • Audience

  21. 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!

  22. 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

  23. It is up to you