1 / 14

Experience IT: Testing IT For Accessibility

Experience IT: Testing IT For Accessibility. Terrill Thompson tft@uw.edu http://staff.washington.edu/tft @terrillthompson. Ability on a continuum. See Hear Walk Read print Write with pen or pencil Communicate verbally Tune out distraction etc. Old School Technologies.

raina
Download Presentation

Experience IT: Testing IT For Accessibility

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. Experience IT:Testing IT For Accessibility Terrill Thompson tft@uw.edu http://staff.washington.edu/tft @terrillthompson

  2. Ability on a continuum See Hear Walk Read print Write with pen or pencil Communicate verbally Tune out distraction etc.

  3. Old School Technologies

  4. Today: Technological Diversity

  5. IT Accessibility Standards • W3C Web Content Accessibility Guidelines 2.0 • Section 508 Electronic and Information Technology Accessibility Standards • W3C Accessible Rich Internet Applications (ARIA)

  6. How do you know whether your website is accessible? Terrill’s Top 5½ Quick Tests

  7. Test #1: Test page without a mouse • Is there clear visible focus? (i.e., Can you tell where you are?) • Can you access all features and controls?

  8. Test #2: Check headings • Use “Outline” button on WebAIM Toolbar: http://wave.webaim.org/toolbar • Use “Structure” button in Web Accessibility Toolbar for IE: http://paciellogroup.com/resources/wat-ie-about.html • Check source code with Firebug: http://getfirebug.com

  9. Test #3: Check images for alt text • Do all informative images have alt text? • Does the alt text provide access to the message that’s being communicated by the image? • Do all decorative images have alt=“”? (or are they background images using CSS?)

  10. Test #3: How to check images • Use “Images” button on Web Developer Toolbar: http://bit.ly/AaanJC • Use “Images” button in Web Accessibility Toolbar for IE: http://paciellogroup.com/resources/wat-ie-about.html • Check source code with Firebug: http://getfirebug.com

  11. Test #4: Check color contrast • Use The Paciello Group Contrast Analyser: http://paciellogroup.com/resources/contrast-analyser.html (comes with WAT for IE) • Use Juicy Studio Contrast Analyser: http://juicystudio.com/services/luminositycontrastratio.php(comes with Juicy Studio Accessibility Toolbar: http://bit.ly/yxLIXX)

  12. Test #5: Check everything else • WAVE: http://wave.webaim.org • Functional Accessibility Evaluator:http://fae.cita.uiuc.edu/ • AChecker: http://achecker.ca/checker

  13. Test #5½: Check with Assistive Technology • Two great WebAIM articles: • Using NVDA to test web pages: http://webaim.org/articles/nvda • Using VoiceOver to test web pages:http://webaim.org/articles/voiceover • Whenever possible, ask users to test your site

  14. For more information… • These slides: http://staff.washington.edu/tft • University of Washington IT Accessibilityhttp://uw.edu/accessibility • AccessComputinghttp://uw.edu/accesscomputing

More Related