Accessibility Resources

= Highly recommended.

Note: Automated testing can only capture about 25-30% of errors. Manual testing with actual assistive technology will always be required as well.

All resource links below open in a new tab.

HTML_CodeSniffer - Run current page against machine testable Accessibility Guidelines. (Works with any browser.)
JavaScript Bookmarklets for Accessibility Testing - by Paul Adam - Run current page against machine testable Accessibility Guidelines. (Works with any browser.)

aXe - Run current page against machine testable Accessibility Guidelines.
Colorblindly - Test webpage for different types of color vision deficiency.
High Contrast - Easily change or invert the color scheme. Can be set to automatically enabled or disabled by web site. (This is not equivalent to testing in native High-Contrast Mode.)
Tota11y: Accessibility Toolkit - Run current page against machine testable Accessibility Guidelines. Also has a interesting experimental feature, "Screen Reader Wand" which allows you to hover over elements to view them as a screen reader would.
WAVE - Run current page against machine testable Accessibility Guidelines.
Zoom Text Only - Easily change the text size without zooming the entire page.

aXe - Run current page against machine testable Accessibility Guidelines.
Firebug - Manually Inspect Page Elements
Juicy Studio Accessibility - For quick check:
- Right-click on page → Juicy Studio Accessibility → Colour Contrast Analyser → Luminosity Contrast Ratio
Tota11y: Accessibility Toolkit - Run current page against machine testable Accessibility Guidelines. Also has a interesting experimental feature, "Screen Reader Wand" which allows you to hover over elements to view them as a screen reader would.
WAVE Toolbar - Run current page against machine testable Accessibility Guidelines.
For quick checks:
- Text-only (logical linear order to content)
- Outline (logical header structure).

Contrast Ratio Checker by Lea Verou - Enter hex, rgba, or other values for foreground & background color to check contrast ratio
WebAIM Color Contrast Checker - Enter hex values for foreground & background color to check contrast ratio
RGBA to RGB Conversion - Semi-translucent color on top of an opaque color - what opaque hex value is equivilent? Now you can find out. Super helpful to help test color contrast when RGBA colors are in use by discovering the perceived color value.
IDI Web Accessibility Checker - aChecker - Run code against machine testable Accessibility Guidelines - by URL, by file upload, or by HTML snippet
whocanuse.com - Tool that brings attention and understanding to how color contrast can affect different people with visual impairments. Tests contrast ratio and simulates various visual challeges.

NVDA - Screen Reader for Windows (Free - Download)
JAWS - Screen reader for Windows (Pay - Download)
- Eval version runs for 40 minutes and then requires reboot - Full version $$$
MAGic® Screen Magnification Software - screen magnification and screen reading solution for low vision users
VoiceOver on Macintosh - Screen Reader for OS X (Free - Built-In)
VoiceOver on iPhone and iPad - Screen Reader for iOS (Free - Built-In)
Dragon Naturally Speaking - Speech recognition software. Speech to text, text to speech.
Cheat Sheets - For using some of the above

Accessibility on iOS - Developer resources
iPhone Accessibility Features - Brief overview of accessibility features built into the iPhone.
How to Set Up and Use Accessibility Shortcut on iPhone and iPad
VoiceOver Gestures - List of gestures
VoiceOver Keyboard Commands - List of keyboard commands
VoiceOver Rotor - How to use and set your rotor preferences

Pattern Library