forked from a11yproject/a11yproject.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
resources.html
104 lines (101 loc) · 6.65 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
---
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="http://wave.webaim.org/" rel="external">WAVE</a> (Firefox 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>
</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>
</ul>
</div>
<!-- $HTML Related -->
<div class="span4">
<h3>HTML Related</h3>
<ul>
<li><a href="http://www.html5accessibility.com/" rel="external">HTML5 Accessibility</a></li>
<li><a href="http://www.w3.org/TR/wai-aria/" rel="external">W3C WAI-ARIA Specification</a></li>
<li><a href="https://dvcs.w3.org/hg/aria-unofficial/raw-file/tip/index.html#rec" rel="external">W3C: Recommended ARIA usage by feature</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>
</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://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://northtemple.com/1608" rel="external">Accessibility Checklist</a> by Aaron Cannon</li>
<li><a href="http://cameronmoll.com/downloads/Web_Accessibility_Checklist.pdf" rel="external">PDF Checklist</a> by Cameron Moll</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>
</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>
<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>
</div>
</div>