-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathtesting-tools.html
117 lines (116 loc) · 14.7 KB
/
testing-tools.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Testing Tools</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width"> <link href="css/training.css" rel="stylesheet" type="text/css">
</head>
<body><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-40224544-1', 'ncsu.edu'); ga('send', 'pageview'); </script><a href="#main" title="Skip to main content" class="skip-main">Skip To Main Content</a>
<h1>Testing Tools</h1>
<nav>
<p class="toc">
<label for="toc-menu" class="screen-reader">Table of Contents Menu</label> <select id="toc-menu">
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/">Table of Contents</option>
<optgroup label="The Nature of What is Required">
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/understand-nature.html">Overview</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/what-accessible-means.html">What Accessibility Means</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/law.html">Accessibility and the Law</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/ada.html">Americans with Disabilities Act</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/508.html">Section 508</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/wcag.html">WCAG 2</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/vpat.html">VPAT</option>
</optgroup>
<optgroup label="Choose a technology">
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/technology-overview.html">Overview</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/technology-html.html">HTML</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/technology-pdf.html">PDF</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/technology-office.html">Office Documents</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/technology-rich-media.html">Rich Media</option>
</optgroup>
<optgroup label="Some Basics">
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/basics-overview.html">Overview</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/language.html">Language</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/valid-code.html">Valid Code</option>
</optgroup>
<optgroup label="Document Structure">
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/headings.html">Headings</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/aria-landmarks.html">ARIA Landmarks</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/lists.html">Lists</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/tables.html">Tables</option>
</optgroup>
<optgroup label="User Interactions">
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/mouse-and-keyboard-events.html">Mouse and Keyboard Events</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/visual-focus.html">Visual Focus</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/menus.html">Menus</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/skip-to-main-content.html">Skip to Main Content Links</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/forms.html">Forms</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/color-contrast.html">Color Contrast</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/links.html">Links</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/link-new-window.html">Links Opening in New Windows</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/link-text-alt.html">Text or Alt Attribute for Links</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/link-internal.html">Internal Links</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/link-behavior.html">Link vs. Button</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/link-text-descriptive-target.html">Using Descriptive Link Text</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/link-text-length.html">Length of Link Text</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/link-text-unique.html">Unique Link Text</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/link-text-url.html">URL Text</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/link-underline.html">Underline Style for Links</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/find-content-multiple.html">Finding Content in Multiple Ways</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/timed-events.html">Timed Events</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/aria-checkbox.html">ARIA Checkbox Tutorial</option>
</optgroup>
<optgroup label="Conveying Through Alternate Senses">
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/alternative-text.html">Alternative Text</option>
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/captioning.html">Captioning</option>
</optgroup>
<optgroup label="Appendices">
<option value="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/testing-tools.html">Appendix A - Testing Tools</option>
</optgroup>
</select>
<input id="go-button" type="button" value="GO" onclick="location= document.getElementById('toc-menu').options[ document.getElementById('toc-menu').selectedIndex].value;">
</p>
<p class="prev"><a href="http://accessibility.oit.ncsu.edu/training/accessibility-handbook/captioning.html"><img src="images/left-arrow.png" alt="previous" />Captioning</a></p>
<p class="next"> </p>
</nav><div id="main" role="main" tabindex="-1">
<p>This is an annotated list of accessibility testing tools and techniques and the context in which they are best used.</p>
<h2>General Testing Tools</h2>
<h3><a href="http://validator.w3.org/">W3C Validator</a></h3>
<p>This free service from the W3C will check the validity of your code based on the doctype used.</p>
<h3><a href="http://wave.webaim.org/toolbar">WAVE Toolbar</a></h3>
<p>This free tool from WebAIM is a Firefox extension that checks for a number of accessibility errors and features. Because it runs within the browser, it can check password protected pages. The reports are shown within the context of the page. The errors are based on the rendered page (DOM), not the source code.</p>
<h3><a href="http://wave.webaim.org/>">WAVE Web Accessibility Tool</a></h3>
<p>This free service from WebAIM allows you to enter a URL and receive reports on numerous accessibility errors and features. The detail of the reports can be controlled through a side bar. Additionally it provides documentation for why each error is important and how to fix it. This service is not able to scan password-protected sites. The errors are based on the rendered page (DOM), not the source code.</p>
<h3><a href="http://go.ncsu.edu/accessible-color-palette">Accessibile Color Palette Evaluator</a></h3>
<p>This free service from NC State will allow you to build a color palette and evaluate all of the possible color combinations in a palette to see which are accessible and which are not.</p>
<h3><a href="https://addons.mozilla.org/en-US/firefox/addon/juicy-studio-accessibility-too/">JuicyStudio Accessibility Toolbar</a></h3>
<p>This free tool is a Firefox plugin that will test for color contrast, plus reveal information about ARIA roles and ARIA Live regions.</p>
<h3><a href="http://accessibility.oit.ncsu.edu/tools/web-evaluation-tools/">Web Evaluation Tools Bookmarklet</a></h3>
<p>This free tool from NC State will reveal several accessibility features of Web Sites. It will reveal heading structure, ARIA landmarks and their labels, ARIA roles and attributes, tabindex attributes, and internal links. It will also allow you to force the visual keyboard focus to always be seen. This tool is helpful primarily for determining if a feature has been implemented correctly. This tool works in any browser.</p>
<h3><a href="http://achecker.ca/checker/index.php">AChecker</a></h3>
<p>This free online tool checks for a number of accessibility errors. The errors are based on the source code of the Web page.</p>
<h3><a href="http://fae.cita.uiuc.edu/">Functional Accessibility Evaluator</a></h3>
<p>This free online tool from the University of Illinois checks for a number of accessibility features and errors. The reports are organized functional evaluations, meaning they organize results by how users interact with the page. This tool cannot check password-protected pages.</p>
<h3><a href="http://firefox.cita.illinois.edu/">Firefox Accessibility Extension</a></h3>
<p>This free toolbar from the University of Illinois works with Firefox. It reports on accessibility features and errors for pages. This tool can check password-protected pages.</p>
<h3><a href="http://www.paciellogroup.com/resources/contrastAnalyser">Contrast Analyser for Windows and Mac</a></h3>
<p>This free desktop-based tool from The Paciello Group tests for color contrast. It lets you pick any two colors from your desktop, including Web browsers, and see if they provide enough color contrast to be accessible.</p>
<h3><a href="http://accessibility.oit.ncsu.edu/tools/color-contrast-chrome/">Color Contrast Analyzer for Google Chrome</a></h3>
<p>This is a free Chrome extension from NC State that allows you to check for WCAG color contrast problems for text within images, on top of gradients, or in PDF documents.</p>
<h3><a href="http://www.paciellogroup.com/resources/wat/ie">Web Accessibility Toolbar for IE</a></h3>
<p>This free browser-based tool from The Paciello Group tests for numerous accessibility errors. It works within Internet Explorer. It can test password protected Web pages.</p>
<h3><a href="http://jimthatcher.com/favelets/">Jim Thatcher Favelets</a></h3>
<p>This free set of browser-based tools from Jim Thatcher will test for numerous accessibility features and errors. These extensions will work in any browser. The errors are based on the rendered page (DOM), not the source code.</p>
<h3>Keyboard-only Test</h3>
<p>One of the most effective and easiest tests for accessibility is to see if you can completely interact with your site using only your keyboard.</p>
<h3>Screen readers</h3>
<p>Screen readers should not be your first tool for testing for accessibility. Screen readers are specialized pieces of software that have a steep learning curve to use effectively. Designing to standards and using other tools to confirm that the UI has been implemented accessibly should be used instead.</p>
<p>Additionally, just because something works with a screen reader does not mean it is accessible with all types of assistive technology and for people with other types of disabilities.</p>
<p>However, there are times when a screen reader is necessary for testing. This is usually when you are implementing non-standard controls and using ARIA. If you do need to use a screen reader, these are your main options.</p>
<ul>
<li><a href="http://www.freedomscientific.com/products/fs/jaws-product-page.asp">JAWS</a> - A Windows based screen reader that is considered the most robust for Web accessibility support. While JAWS is powerful, it has a very heavy imprint on your system. JAWS works best with Internet Explorer or Firefox.</li>
<li><a href="http://www.nvda-project.org/">NVDA</a> - A Windows based free and open source screen reader that is quite capable at Web accessibility. NVDA is a light-weight option that is easy to start up. It works best with Firefox.</li>
<li><a href="http://www.chromevox.com/">ChromeVox</a> - A free Chrome based screen reader which is available as an extension to the Chrome browser.</li>
<li><a href="http://www.apple.com/accessibility/voiceover/">VoiceOver</a> - A free OS X and iOS based screen reader that ships with OS X and iOS. For Web accessibility, VoiceOver works best with Safari.</li>
</ul>
</div></body>
</html>