1 / 23

Web Tools to Evaluate Sites

Web Tools to Evaluate Sites. Using Technology to Aid in Website Evaluations Allison Yeager. Tools. Web Accessibility Toolbar (WAT) Internet Explorer 6+ http://www.visionaustralia.org.au/ais/toolbar/. Tools. Firefox Web Developer’s Toolbar (WDT)

fredericka-hunter
Download Presentation

Web Tools to Evaluate Sites

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. Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager

  2. Tools • Web Accessibility Toolbar (WAT) • Internet Explorer 6+ • http://www.visionaustralia.org.au/ais/toolbar/

  3. Tools • Firefox Web Developer’s Toolbar (WDT) • https://addons.mozilla.org/downloads/latest/60/addon-60-latest.xpi

  4. Benefits • Various tools to evaluate websites • Functions: • Color contrast • Flicker rates • Identify elements on a page • Simulate user experiences • Easy access to other tools

  5. Benefits • Non-tech savvy users can evaluate a page • Identifies elements of a page without digging into HTML • Allows users to see a page how others may see the page

  6. Cons • Not a replacement for a human evaluation • Non-subjective • For example: A picture may have alternative text, but the text is inappropriate or unhelpful

  7. Using the WAT • Download and install the WAT • http://www.visionaustralia.org.au/ais/toolbar/ • Open the appropriate web page in Internet Explorer: • Select View, Toolbars from the Menu bar in Internet Explorer • Select the Accessibility Toolbar

  8. Using the WAT

  9. Using the WAT

  10. Using the WAT • Simulations • Ability to resize a window • Screen resolution simulation • Simulate various vision-related conditions

  11. Using the WAT • Simulation Demonstrations • www.cnn.com • Screen resolution • Color contrast • Vision simulations

  12. Using the WAT • Structure • Heading elements: h1, h2, etc. • Disable Cascading Style Sheets (CSS) • Tables have headers

  13. Using the WAT • Structure Demonstrations • http://cio.sc.gov/councilscommittees/palmetto800/talkgroupsandchanels.htm • Identify h1 element • Readable without CSS • Check for table headings

  14. Using the WAT • Images • Identify all images • Toggle between image and alternative text • Test flicker rate

  15. Using the WAT • Image Demonstration • www.scdmvonline.com • Show all images • Check for alternative text • Humans needed to evaluate quality of text • Flicker test

  16. Using the WAT • Validation • HTML • CSS • HTML Tidy

  17. Using the WAT • Validation Demonstation • www.cnn.com • HTML errors • CSS errors • HTML Tidy

  18. Using the WDT • Download and install the WDT • https://addons.mozilla.org/downloads/latest/60/addon-60-latest.xpi

  19. Using the WDT

  20. Using the WDT • Cascading Style Sheets • Disable browser defaults • Disable all CSS • CSS by Media Type www.cnn.com

  21. Using the WDT • Images • Replace images with alternative text • Display alternative text • Hide images www.cnn.com

  22. Using the WDT • JavaScript • View JavaScript • Tables • Table information • Table Depth • HTML Validation http://cio.sc.gov/councilscommittees/palmetto800/talkgroupsandchanels.htm

  23. Other Helpful Resources • 100 Killer Web Accessibility Resources: Blogs, Forums, and Tutorials • http://whdb.com/2008/100-killer-web-accessibility-resources-blogs-forums-and-tutorials/ • Web Accessibility Resources • http://www.sc.edu/scatp/webaccess.htm

More Related