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/l atest/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

10. Simulations Ability to resize a window  Screen resolution simulation Simulate various vision-related conditions

11. Using the WAT Simulation Demonstrations  www.cnn.com 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/palme tto800/talkgroupsandchanels.htm http://cio.sc.gov/councilscommittees/palme tto800/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/lates t/60/addon-60-latest.xpi https://addons.mozilla.org/downloads/lates t/60/addon-60-latest.xpi

19. Using the WDT

20. 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/ http://whdb.com/2008/100-killer-web- accessibility-resources-blogs-forums-and-tutorials/ Web Accessibility Resources http://www.sc.edu/scatp/webaccess.htm