Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
branch: gh-pages
Fetching contributors…

Cannot retrieve contributors at this time

158 lines (154 sloc) 11.848 kB
---
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>
<li><a href="http://dylanb.github.io/periodic-aria-roles.html" rel="external">Periodic Table of ARIA roles</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 &amp; Whitney Quesenbery</li>
</ul>
</div>
<!-- $Blogs -->
<div class="span4">
<h3>Blogs</h3>
<ul>
<li><a href="http://a11ywins.tumblr.com/" rel="external">Accessibility Wins</a></li>
<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>
<li><a href="http://bitsofco.de/2015/the-accessibility-cheatsheet/" rel="external" title="The Accessibility Cheatsheet">The Accessibility Cheatsheet</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>
<li><a href="http://keycode.info/" rel="external">JavaScript Event KeyCodes</a></li>
<li><a href="http://khan.github.io/tota11y/" rel="external">tota11y - an Accessibility Visualization Toolkit</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>
Jump to Line
Something went wrong with that request. Please try again.