1 / 30

Inspect What You Expect: Testing & Implementation

Inspect What You Expect: Testing & Implementation. Ensuring Accessibility. Testing Tools User Testing Implement & Maintain. Validity: Building to Code. HTML & XHTML Validation validator.w3.org/ CSS Validation jigsaw.w3.org/css-validator/. Accessibility Testing Tools.

walter-clay
Télécharger la présentation

Inspect What You Expect: Testing & Implementation

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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

More Related