Ashley Sheridan​

Accessibility Checklist Tool

Example of Accessibility Checklist Tool

The Accessibility Checklist Tool is something I've been working on in the past year, and builds on work and research I've been pursuing for many years now.

The main aim of it is to serve as an aid to developers and testers who want to check that a website is accessible, but doesn't know the entire set of WCAG 2.1 guidelines. Accessibility testing is absolutely essential, but the WCAG specifications can seem daunting to those who are new to them. We should be making testing as easy as possible, which is why I built this tool. A user can select the type of content they are testing (e.g. images, forms, animation, video, etc), select the compliance level (A, AA, or AAA), and then they will be presented with a list of applicable guidelines.

I've tried to explain each guideline in slightly easier to understand language to further reduce the barriers to entry, and where possible I have added some Javascript snippets which can be copy/pasted into a browser console to aid testing.

The tool itself is built with Angular, which allows me to more quickly develop user interface features. While the tool does have a save/load feature, I am conscious of the need for privacy, so all state is currently saved to the browser, not sent to any server.

Currently the tool only offers guidelines from the WCAG 2.1 spec, but I will be adding the new guidelines from 2.2 when that is released. I will also look to the future of WCAG 3.0, but I don't yet know what shape that will take.

Skills Used

The below are links back to the main portfolio list filtered by the selected skill.