Download - Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager
![Page 1: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/1.jpg)
Web Tools to Evaluate Sites
Using Technology to Aid in Website Evaluations
Allison Yeager
![Page 2: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/2.jpg)
Tools
Web Accessibility Toolbar (WAT)Internet Explorer 6+http://www.visionaustralia.org.au/ais/toolbar/
![Page 3: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/3.jpg)
Tools
Firefox Web Developer’s Toolbar (WDT)https://addons.mozilla.org/downloads/latest/60/addon-60-latest.xpi
![Page 4: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/4.jpg)
Benefits
Various tools to evaluate websitesFunctions: Color contrast Flicker rates Identify elements on a page Simulate user experiences Easy access to other tools
![Page 5: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/5.jpg)
Benefits
Non-tech savvy users can evaluate a pageIdentifies elements of a page without digging into HTMLAllows users to see a page how others may see the page
![Page 6: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/6.jpg)
Cons
Not a replacement for a human evaluationNon-subjective For example: A picture may have
alternative text, but the text is inappropriate or unhelpful
![Page 7: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/7.jpg)
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
![Page 8: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/8.jpg)
Using the WAT
![Page 9: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/9.jpg)
Using the WAT
![Page 10: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/10.jpg)
Using the WAT
Simulations Ability to resize a window
Screen resolution simulation Simulate various vision-related
conditions
![Page 11: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/11.jpg)
Using the WAT
Simulation Demonstrations www.cnn.com Screen resolution Color contrast Vision simulations
![Page 12: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/12.jpg)
Using the WAT
Structure Heading elements: h1, h2, etc. Disable Cascading Style Sheets (CSS) Tables have headers
![Page 13: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/13.jpg)
Using the WAT
Structure Demonstrations http://cio.sc.gov/councilscommittees/
palmetto800/talkgroupsandchanels.htm
Identify h1 element Readable without CSS Check for table headings
![Page 14: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/14.jpg)
Using the WAT
Images Identify all images Toggle between image and
alternative text Test flicker rate
![Page 15: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/15.jpg)
Using the WAT
Image Demonstration www.scdmvonline.com Show all images Check for alternative text
Humans needed to evaluate quality of text
Flicker test
![Page 16: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/16.jpg)
Using the WAT
Validation HTML CSS HTML Tidy
![Page 17: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/17.jpg)
Using the WAT
Validation Demonstation www.cnn.com HTML errors CSS errors HTML Tidy
![Page 18: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/18.jpg)
Using the WDT
Download and install the WDT https://addons.mozilla.org/
downloads/latest/60/addon-60-latest.xpi
![Page 19: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/19.jpg)
Using the WDT
![Page 20: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/20.jpg)
Using the WDT
Cascading Style Sheets Disable browser defaults Disable all CSS CSS by Media Type
www.cnn.com
![Page 21: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/21.jpg)
Using the WDT
Images Replace images with alternative text Display alternative text Hide images
www.cnn.com
![Page 22: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/22.jpg)
Using the WDT
JavaScript View JavaScript
Tables Table information Table Depth
HTML Validation
http://cio.sc.gov/councilscommittees/palmetto800/talkgroupsandchanels.htm
![Page 23: Web Tools to Evaluate Sites Using Technology to Aid in Website Evaluations Allison Yeager](https://reader035.vdocuments.net/reader035/viewer/2022062407/56649d945503460f94a7bd60/html5/thumbnails/23.jpg)
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