forked from a11yproject/a11yproject.com
/
resources.html
152 lines (149 loc) · 11 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
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
---
layout: page
title: Resources
description: Accessibility software, books, blogs, online tools, and more
---
<div class="row-fluid">
<!-- $Software -->
<div class="span4">
<h3>Software</h3>
<ul>
<li><a href="http://www.paciellogroup.com/resources/contrastAnalyser" rel="external">Colour Contrast Analyser</a> (Mac/Win)</li>
<li><a href="http://colororacle.org/" rel="external">Color Oracle</a> (Mac/Win)</li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/wave-toolbar/" rel="external">WAVE Toolbar</a> (Firefox Extension)</li>
<li><a href="https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh" rel="external">WAVE Toolbar</a> (Chrome Extension)</li>
<li><a href="http://www.paciellogroup.com/resources/wat/ie" rel="external">WAT</a> (IE/<a href="http://www.paciellogroup.com/resources/wat/opera" rel="external">Opera</a>)</li>
<li><a href="https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en" rel="external">Chrome Accessibility Tools</a> (Chrome Mac/Win)</li>
</ul>
</div>
<!-- $Screen Readers -->
<div class="span4">
<h3>Screen Readers</h3>
<ul>
<li><a href="http://www.nvda-project.org/" rel="external">NVDA</a> (Win)</li>
<li><a href="http://www.freedomscientific.com/products/fs/jaws-product-page.asp" rel="external">JAWS</a> (Win)</li>
<li><a href="http://www.apple.com/accessibility/voiceover/" rel="external">VoiceOver</a> (Mac)</li>
<li><a href="http://www.apple.com/accessibility/iphone/vision.html" rel="external">VoiceOver for iOS</a> (iOS)</li>
<li><a href="http://www.chromevox.com/" rel="external">Chrome Vox</a> (ChromeOS)</li>
<li><a href="https://projects.gnome.org/orca/" rel="external">Orca</a> (Linux)</li>
<li><a href="http://webaim.org/articles/screenreader_testing/" rel="external">WebAIM - introduction to screenreader testing</a> </li>
<li><a href="http://www.paciellogroup.com/blog/2015/01/basic-screen-reader-commands-for-accessibility-testing/" rel="external">The Paciello Group - Basic screen reader commands for accessibility testing</a> </li>
</ul>
</div>
<!-- $HTML Related -->
<div class="span4">
<h3>HTML Related</h3>
<ul>
<li><a href="http://www.w3.org/TR/wai-aria/" rel="external">W3C: WAI-ARIA Specification</a></li>
<li><a href="http://www.w3.org/WAI/PF/aria-practices/" rel="external">W3C: Recommended ARIA usage by feature</a></li>
<li><a href="http://rawgithub.com/w3c/aria-in-html/master/index.html" rel="external">W3C: Using ARIA with HTML</a></li>
<li><a href="http://www.w3.org/WAI/tutorials/" rel="external">W3C: Web Accessibility Tutorials</a></li>
<li><a href="http://test.cita.illinois.edu/aria/" rel="external">Illinois Center for Information Technology and Web Accessibility WAI-ARIA Examples</a></li>
<li><a href="http://www.html5accessibility.com/" rel="external">HTML5 Accessibility</a></li>
<li><a href="http://paypal.github.io/bootstrap-accessibility-plugin/" rel="external">Bootstrap accessibility plugin</a></li>
</ul>
</div>
</div>
<div class="row-fluid">
<!-- $Books -->
<div class="span4">
<h3>Books</h3>
<ul>
<li><a href="http://www.amazon.com/Pro-HTML5-Accessibility-Professional-Apress/dp/1430241942" rel="external">Pro HTML5 Accessibility</a> by Joshue O Connor</li>
<li><a href="http://www.amazon.com/Web-Accessibility-Standards-Regulatory-Compliance/dp/1590596382" rel="external">Web Accessibility: Web Standards and Regulatory Compliance</a> by Jim Thatcher</li>
<li><a href="http://www.amazon.com/Designing-Web-Standards-Jeffrey-Zeldman/dp/0321616952" rel="external">Designing with Web Standards</a> by Jeffrey Zeldman</li>
<li><a href="http://www.amazon.com/Adaptive-Web-Design-Experiences-Progressive/dp/098358950X" rel="external">Adaptive Web Design</a> by Aaron Gustafson</li>
<li><a href="http://www.amazon.com/Designing-Progressive-Enhancement-Building-Everyone/dp/0321658884/" rel="external">Designing with Progressive Enhancement</a> by The Filament Group</li>
<li><a href="https://rosenfeldmedia.com/books/a-web-for-everyone/" rel="external">A Web for Everyone - Designing Accessible User Experiences</a> by Sarah Horton & Whitney Quesenbery</li>
</ul>
</div>
<!-- $Blogs -->
<div class="span4">
<h3>Blogs</h3>
<ul>
<li><a href="http://www.webaxe.org/" rel="external">WebAxe Blog and Podcast</a></li>
<li><a href="http://www.paciellogroup.com/" rel="external">The Paciello Group Blog</a></li>
<li><a href="http://webaim.org/blog/" rel="external">WebAIM Blog</a></li>
<li><a href="http://www.456bereastreet.com/" rel="external">456 Berea Street</a></li>
<li><a href="http://yaccessibilityblog.com/" rel="external">Yahoo! Accessibility Blog</a></li>
<li><a href="http://www.accessibleculture.org/" rel="external">Accessible Culture</a></li>
<li><a href="http://www.a11ybuzz.com/" rel="external">A11y Buzz</a></li>
</ul>
</div>
<!-- $Further Reading -->
<div class="span4">
<h3>Further Reading</h3>
<ul>
<li><a href="http://webaim.org/resources/designers/">Web Accessibility for Designers</a> [Infographic]</li>
<li><a href="http://vimeo.com/1157346">Aaron Cannon, Blind Web Developer</a> [Video]</li>
<li><a href="http://cameronmoll.com/archives/2008/06/web_accessibility_checklist/" rel="external" title="Accessibility Checklist Article by Cameron Moll [external link]">Accessibility Checklist Article</a> by Cameron Moll</li>
<li><a href="http://cameronmoll.com/downloads/Web_Accessibility_Checklist.pdf" rel="external" title="Accessibility Checklist PDF by Aaron Cannon [external link]">Accessibility Checklist PDF</a> by Aaron Cannon</li>
<li><a href="http://www.apple.com/accessibility" rel="external">Apple’s Commitment to Accessibility</a></li>
<li><a href="http://diveintoaccessibility.info/table_of_contents.html" rel="external">Dive Into Accessibility: 30 days to a more accessible web site</a></li></li>
<li><a href="http://wearecolorblind.com" rel="external">We are Color Blind</a> by Tom van Beveren</li>
<li><a href="http://mobiforge.com/developing/story/why-mobile-web-accessibility-matters-best-practices-make-your-mobile-site-accessibl" rel="external" title="Why mobile Web accessibility matters - best practices to make your mobile site accessible">Best practices to make your mobile site accessible</a></li>
<li><a href="http://laneshill.me/2012/12/10-easy-things-all-web-developers-should-do-for-web-accessibility/" rel="external" title="10 Easy Things All Web Developers Should Do For Web Accessibility">10 Easy Things All Web Developers Should Do</a></li>
<li><a href="https://www.google.com/accessibility/" rel="external" title="Google Accessibility">Google Accessibility</a></li>
</ul>
</div>
</div>
<div class="row-fluid">
<!-- Consultancies and non-profits -->
<div class="span4">
<h3>Professional help</h3>
<ul>
<li><a href="http://webaim.org/" rel="external">WebAIM</a></li>
<li><a href="http://simplyaccessible.com/" rel="external">Simply Accessible</a></li>
<li><a href="http://www.knowbility.org/" rel="external">Knowbility</a></li>
<li><a href="http://www.paciellogroup.com/" rel="external">The Paciello Group</a></li>
<li><a href="http://www.deque.com/" rel="external">Deque</a></li>
</ul>
</div>
<!-- $Online Tools -->
<div class="span4">
<h3>Online Tools</h3>
<ul>
<li><a href="http://wave.webaim.org/" rel="external">WAVE - web accessibility evaluation tool</a></li>
<li><a href="http://colorfilter.wickline.org/" rel="external">Colorblind Web Page Filter</a></li>
<li><a href="http://leaverou.github.com/contrast-ratio" rel="external">Contrast Ratio</a> by Lea Verou</li>
<li><a href="http://www.dasplankton.de/ContrastA/" rel="external">Contrast-A Accessible color combinations tool</a></li>
<li><a href="http://squizlabs.github.com/HTML_CodeSniffer/" rel="external">HTML_CodeSniffer</a></li>
<li><a href="http://howlowck.github.com/Akbar" rel="external">User Experience Simulation Bookmarklet</a></li>
</ul>
</div>
<!-- $Talks -->
<div class="span4">
<h3>Talks (Video)</h3>
<ul>
<li><a rel="external" href="http://vimeo.com/73427435">WDCNZ 2013: Make Your Widgets Sing With ARIA</a></li>
<li><a rel="external" href="http://vimeo.com/73913824">WDCNZ 2013: Accessibility Mythbusting</a></li>
<li><a rel="external" href="http://vimeo.com/73914110">WDCNZ 2013: The Accessibility Panel</a></li>
<li><a rel="external" href="https://www.youtube.com/watch?v=E0ojKLzXoZ4">Multi-device accessibility - Chrome Dev Summit 2013 (Alice Boxhall)</a></li>
<li><a rel="external" href="https://www.youtube.com/watch?v=YyWu9HB9QtU">Google I/O 2013 - Advancing Web Accessibility with ChromeVox</a></li>
<li><a rel="external" href="http://vimeo.com/77860167">Paris Web 2013 - HTML5 Accessibility by Steve Faulkner</a></li>
<li><a rel="external" href="http://www.youtube.com/watch?v=Fe1behOSjdU&list=PLb_ziuDPiUzZkc077IW3_rDcqX1OC8VbV&index=16">Generate Conference 2013 - The rock'n'roll guide to ARIA and HTML5</a></li>
</ul>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<h3>Community help</h3>
<ul>
<li><a rel="external" href="http://webaim.org/discussion/">WebAIM Mailing List</a></li>
<li><a rel="external" href="https://medium.com/web-accessibility/8f7161340cc1">Various Twitter Accounts</a></li>
<li><a rel="external" href="http://www.accessifyforum.com/">Accessify Forum</a></li>
<li><a rel="external" href="http://stackoverflow.com/questions/tagged/accessibility">StackOverflow Questions</a></li>
<li><a rel="external" href="http://ux.stackexchange.com/questions/tagged/accessibility">StackExchange Questions</a></li>
<li><a rel="external" href="http://www.meetup.com/find/?allMeetups=false&keywords=a11y&radius=Infinity&sort=recommended&eventFilter=mysugg">Accessibility Meetups</a></li>
</ul>
</div>
<!-- $Development Tools -->
<div class="span4">
<h3>Development tools</h3>
<ul>
<li><a rel="external" href="https://github.com/at-import/sass-a11y">Sass a11y</a></li>
<li><a rel="external" href="http://tenon.io/">Tenon.io Accessibility Testing API</a></li>
<li><a rel="external" href="http://quailjs.org/">Quail JS Testing Plugin</a></li>
</ul>
</div>
</div>