Documentation

W3C's Accessibility Guidelines: W3C Accessibility Guidelines

WCAG 2.0 Guidelines

WCAG 2.0

We strive to be AA compliant, you can select the AA filter from the left in order to see everything that directly affects AA compliance.

Alternatively, this website does a nice job of distilling some of that same information for an easier read: Interactive WCAG 2.0 documentation

UK accessibility guide

UK Accessibility Guidelines

Paciello Group

The Paciello Group's resource links: paciello group's list of resources and tools.

The Paciello Group's supplied training module (must be logged in to workday to aquire): Accessibility Training Course

Aria Guides:

Web Accessibility In Mind(WebAIM) links:

Tools

NVDA

NVDA is a free windows-only Screen Reader. NVDA runs on both 32-bit and 64-bit editions of Microsoft Windows XP or later. NVDA has no additional hardware requirements beyond those of the operating system and requires around 50 MB of disk space. NVDA is bundled with eSpeak, a free multi-lingual speech synthesizer. Additionally, NVDA can use both SAPI 4 and SAPI 5 speech engines.

NVDA website

List of NVDA keyboard shortcuts

JAWS

Jaws is a licensed PC screen reader. JAWS provides speech and Braille output for the most popular computer applications on your PC.

You will need to purchase a license key if you download the JAWS screen reader

VoiceOver Utility

VoiceOver Utility is a mac screen reader that comes default on the mac OS. It can be toggled on or off using the "Cmd+F5" key command shortcut, and it can be modified in System Preferences under 'Accessibility'.

You can review a compiled list of commands for VoiceOver on the apple website's Voice Over pages.

Pa11y

Pa11y is a command-line interface which loads web pages and highlights any accessibility issues it finds. Useful for when you want to run a one-off test against a web page.

You can review the documentation yourself on Pa11y's website.

You can also read up on how to implement Pa11y with different setups on Pa11y's github page

Tota11y

Tota11y is an in-browser accessibility checker that you can use to run a label, link, and heading checker, as well as a 'screenreader wand'

You can find it for Chrome in the extensions library and add it via Tota11y Chrome browser plugin

You can also include it directly in your project. See Documentation.

Google Accessibility Dev Tools

This is a list of Google Products that address various accessibility issues from scanners to browser extensions.

Google Accessibility

Chrome Lens

ChromeLens is a Google Chrome extension that provides a suite of tools to help with web accessibility development. It is a Visual impairment simulation and auditing tool for accessibility.

Get the Chrome Lens plugin

Evaluara

Evaluera is a free web accessibility tool

Check out the Evaluara Web Accessibility Tool

WebAIM

The WebAIM WAVE tool checks the overall accessibility of your site.

Experiment with WAVE (Web Accessibility Evaluation tool)

Wave Browser Extensions

WAVE also has in-browser error labeller and contrast checker extensions:

Chrome: Chrome Wave extension

Firefox (not tested): Firefox WAVE extension

The WebAIM color checker checks the color contrast of your site.

Experiment with the WebAIM contrast checker

Toptal colorblind filter

This applies a filter to your site to show how your site appears to colorblind users.

Experiment with the colorblind web page filter

Html validator

This is web validator that checks your HTML for code and semantic errors

Experiment with the Nu HTML Checker