forked from marcysutton/testing-accessibility-demos
-
Notifications
You must be signed in to change notification settings - Fork 0
/
resources.html
53 lines (53 loc) · 4.41 KB
/
resources.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
<!DOCTYPE html>
<html>
<head>
<title>Testing Accessibility Workshop Resources</title>
<link rel="stylesheet" type="text/css" href="index-styles.css">
</head>
<body id="resources">
<header>
<h1>Testing Accessibility</h1>
<h2>Resources List</h2>
</header>
<main>
<h3>Workshops 1 & 2: Manual and Automated Testing</h3>
<ul class="exercise-list" role="list">
<li><a href="https://www.w3.org/TR/WCAG21/">Web Content Accessibility Guidelines 2.1</a> including Levels for prioritization</li>
<li><a href="https://webaim.org/projects/million/">The WebAIM Million</a></li>
<li><a href="https://developer.chrome.com/docs/devtools/accessibility/reference/">Chrome Accessibility Inspector</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Accessibility_inspector">Firefox Accessibility Inspector</a></li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=deque-systems.vscode-axe-linter">Axe Linter for VS Code</a></li>
<li><a href="https://www.npmjs.com/package/eslint-plugin-jsx-a11y">ESLint-Plugin-JSX-A11y for React projects</a></li>
<li><a href="https://www.deque.com/axe/browser-extensions/">Axe extension</a></li>
<li><a href="https://accessibilityinsights.io">Accessibility Insights</a></li>
<li><a href="https://chrispederick.com/work/web-developer/">Web Developer Toolbar</a></li>
<li><a href="https://www.tpgi.com/color-contrast-checker/">Color Contrast Analyzer</a></li>
<li><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/">Alt Decision Tree</a></li>
<li><a href="https://www.w3.org/WAI/WCAG21/Understanding/reflow.html">Understanding WCAG 1.4.10: Reflow for Page Zoom</a></li>
<li><a href="https://www.smashingmagazine.com/2019/02/accessibility-webinar/">How a Screen Reader User Accesses the Web</a></li>
<li><a href="https://dequeuniversity.com/screenreaders/voiceover-keyboard-shortcuts">VoiceOver Keyboard Shortcuts</a></li>
<li><a href="https://dequeuniversity.com/screenreaders/nvda-keyboard-shortcuts">NVDA Keyboard Shortcuts</a></li>
<li><a href="https://dequeuniversity.com/screenreaders/voiceover-ios-shortcuts">VoiceOver for iOS Shortcuts</a></li>
<li><a href="https://tink.uk/understanding-screen-reader-interaction-modes/">Understanding screen reader interaction modes</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/ariaCurrent">ARIA-Current (state)</a></li>
<li><a href="https://www.w3.org/TR/wai-aria-1.1/#aria-expanded">ARIA-Expanded (state)</a></li>
<li><a href="https://heydonworks.com/article/aria-controls-is-poop/">ARIA-Controls is poop</a></li>
<li><a href="https://www.levelaccess.com/challenges-mega-menus-standard-menus-make-accessible/">Making Megamenus accessible</a></li>
</ul>
<h3 id="workshop3">Workshop 3: Semantic HTML & ARIA</h3>
<ul class="exercise-list">
<li><a href="https://www.w3.org/TR/wai-aria-1.1/">WAI-ARIA specification</a></li>
<li><a href="https://www.smashingmagazine.com/2015/03/web-accessibility-with-accessibility-api/">Accessibility APIs: A Key to Web Accessibility</a></li>
<li><a href="https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/the-accessibility-tree">The Accessibility Tree: Chrome Developers</a></li>
<li><a href="https://a11ysupport.io/">A11ySupport.io</a></li>
<li><a href="https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html">"Fixing Lists" by Scott O'Hara</a></li>
<li><a href="https://www.w3.org/TR/wai-aria-practices-1.1/examples/dialog-modal/datepicker-dialog.html">WAI-ARIA Practices: Date Picker dialog example</a></li>
<li><a href="https://www.w3.org/TR/accname-1.2/">Accessible Name and Description Computation</a></li>
<li><a href="https://github.com/WICG/aom/">Accessibility Object Model</a></li>
</ul>
</main>
<footer>
© 2022 Marcy Sutton | <a href="https://github.com/marcysutton/testing-accessibility-demos">Find project on GitHub</a>
</footer>
</body>
</html>