A11y
![Screenshot of Driver.js website](https://toolkit.addy.codes/wp-content/uploads/screenshots/driver-js.png)
Driver.js
Product tours, highlights, contextual help and more. Onboard your users by explaining how to use your product and answer common questions.
![Screenshot of Inclusive Components website](https://toolkit.addy.codes/wp-content/uploads/screenshots/inclusive-components.png)
Inclusive Components
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
![Screenshot of Van11y website](https://toolkit.addy.codes/wp-content/uploads/screenshots/van11y.png)
Van11y
A collection of accessible scripts, made in ES2015. Van11y (for Vanilla-Accessibility) is a collection of accessible scripts for rich interfaces elements,...
![Screenshot of Pa11y website](https://toolkit.addy.codes/wp-content/uploads/screenshots/pa11y.png)
Pa11y
Pa11y aims to improve the accessibility of the web through better tooling and automation.
![Screenshot of Randoma11y website](https://toolkit.addy.codes/wp-content/uploads/screenshots/randoma11y.png)
Randoma11y
Get random, accessible colour combinations.
![Screenshot of Staybl website](https://toolkit.addy.codes/wp-content/uploads/screenshots/staybl.png)
Staybl
The web browser that adjusts for tremors. Millions of Parkinson's patients worldwide suffer from tremors. This makes reading and navigating on smart devices...
![Screenshot of Accessibility Myths website](https://toolkit.addy.codes/wp-content/uploads/screenshots/accessibility-myths.png)
Accessibility Myths
Accessibility myths debunked. Show this website to your manager.
![Screenshot of Button Buddy website](https://toolkit.addy.codes/wp-content/uploads/screenshots/button-buddy.png)
Button Buddy
Learn about accessible button contrast and use the generator to begin creating button styles with accessible contrast.
![Screenshot of Megapedia: A Table of Universal Shortcuts website](https://toolkit.addy.codes/wp-content/uploads/screenshots/megapedia-a-table-of-universal-shortcuts.png)
Megapedia: A Table of Universal Shortcuts
Megapedia by the BBC GEL is designed to be a table of universal shortcuts. It is envisaged as a one-stop shop for anyone using or creating keyboard shortcuts...
![Screenshot of Click-Away Pound Survey website](https://toolkit.addy.codes/wp-content/uploads/screenshots/click-away-pound-survey.png)
Click-Away Pound Survey
Click-Away Pound is a research survey designed to explore the online shopping experience of people with disabilities and examine the cost to business of...
![Screenshot of Web Accessibility Checklist website](https://toolkit.addy.codes/wp-content/uploads/screenshots/web-accessibility-checklist.png)
Web Accessibility Checklist
A checklist for creating accessible websites and web applications.
![Screenshot of Ethical Design Handbook website](https://toolkit.addy.codes/wp-content/uploads/screenshots/ethical-design-handbook.png)
Ethical Design Handbook
A practical handbook on ethical design for digital products. With practical techniques to make honest interfaces work for digital products.
![Screenshot of Who Can Use Colour Checker website](https://toolkit.addy.codes/wp-content/uploads/screenshots/who-can-use-colour-checker.png)
Who Can Use Colour Checker
A fantastic colour contrast checker tool that brings attention to how color contrast can affect different people with visual impairments using statistics and...
![Screenshot of Accessibility Cheatsheet website](https://toolkit.addy.codes/wp-content/uploads/screenshots/accessibility-cheatsheet.png)
Accessibility Cheatsheet
Practical approaches to Universal Design for making your website/webapp accessible to everyone.
![Screenshot of Axe Accessibility Testing website](https://toolkit.addy.codes/wp-content/uploads/screenshots/axe-accessibility-testing.png)
Axe Accessibility Testing
Robus accessibility testing browser extension.
![Screenshot of Checka11y.css website](https://toolkit.addy.codes/wp-content/uploads/screenshots/checka11y-css.png)
Checka11y.css
A CSS stylesheet to quickly highlight a11y concerns.
![Screenshot of Stark website](https://toolkit.addy.codes/wp-content/uploads/screenshots/stark.png)
Stark
Integrated suite of tools for accessibility compliance testing in Figma, Sketch and XD.
![Screenshot of Color Blind Filter website](https://toolkit.addy.codes/wp-content/uploads/screenshots/color-blind-filter.png)
Color Blind Filter
View your website with simulated colour blindness to ensure your content is accessible.
![Screenshot of The Design of Forms in Government Departments website](https://toolkit.addy.codes/wp-content/uploads/screenshots/the-design-of-forms-in-government-departments.png)
The Design of Forms in Government Departments
A digitally remastered book first published in 1962 on the design of forms in the UK Government.
![Screenshot of Polypane website](https://toolkit.addy.codes/wp-content/uploads/screenshots/polypane.png)
Polypane
Develop, debug and test websites and apps twice as fast. Know for sure your sites and apps work everywhere and for everyone.
![Screenshot of Screen Size Map website](https://toolkit.addy.codes/wp-content/uploads/screenshots/screen-size-map.png)
Screen Size Map
An interactive map of screen sizes for responsive and adaptive design.
![Screenshot of web.dev website](https://toolkit.addy.codes/wp-content/uploads/screenshots/web-dev.png)
web.dev
Get the web's modern capabilities on your own sites and apps with useful guidance and analysis from web.dev.
![Screenshot of Color Review website](https://toolkit.addy.codes/wp-content/uploads/screenshots/color-review.png)
Color Review
What you need to know about colors & accessibility.
![Screenshot of tota11y website](https://toolkit.addy.codes/wp-content/uploads/screenshots/tota11y.png)
tota11y
An accessibility visualization toolkit. tota11y helps visualize how your site performs with assistive technologies.
![Screenshot of The A11Y Project website](https://toolkit.addy.codes/wp-content/uploads/screenshots/the-a11y-project.png)
The A11Y Project
A community-driven effort to make web accessibility easier.
![Screenshot of Contrast Ratio website](https://toolkit.addy.codes/wp-content/uploads/screenshots/contrast-ratio.png)
Contrast Ratio
A tool to calculate the contrast ratio between any two valid CSS colors.
![Screenshot of Low Vision website](https://toolkit.addy.codes/wp-content/uploads/screenshots/low-vision.png)
Low Vision
Test your website with simulated vision impairments.
![Screenshot of Nibbler website](https://toolkit.addy.codes/wp-content/uploads/screenshots/nibbler.png)
Nibbler
Nibbler is a free tool for testing websites. Enter the address of any website and Nibbler will give you a report scoring the website out of 10 for key areas,...
![Screenshot of Alix for Chrome website](https://toolkit.addy.codes/wp-content/uploads/screenshots/alix-for-chrome.png)
Alix for Chrome
Alix allows you to lint your HTML for Accessibility issues simply by applying a stylesheet that makes use of advanced CSS selectors.
![Screenshot of Accessibility Guidelines website](https://toolkit.addy.codes/wp-content/uploads/screenshots/accessibility-guidelines.png)
Accessibility Guidelines
Making work accessible creates a better experience across the board. Use this checklist to help build accessibility into your process no matter your role or...
![Screenshot of A11y Command-line Tools website](https://toolkit.addy.codes/wp-content/uploads/screenshots/a11y-command-line-tools.png)
A11y Command-line Tools
Web accessibility audits powered by the Chrome logo Chrome Accessibility Developer Tools.
But wait, there's more! 🧰✨
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.