Software & Tools

All things developer tools, bookmarklets, browser extensions, assistive technology, and more.

Framer

How to design accessible animations with Framer Motion

Framer Motion provides the the useReducedMotion hook to help you support users who have enabled their device’s Reduced Motion setting.

Simulator

Dyexslia

A friend who has dyslezxia described to me how she experience reading.

Simulator

Accessible Colors

This app is designed to assist in the creation of a systematically accessible color palette and does not generate shades or colors for you. A color is made up of 9 shades that are from lightest (100) to darkest (900).

Browser Extension

Stark Browser Extension

A suite of accessibility tools baked right into Chrome.

Testing Tool

TalkBack

TalkBack is a screen reader that comes installed on Android devices.

Testing Tool

Google Lighthouse

Google Lighthouse is an open-source, automated tool for measuring the quality of web pages. It audits performance, accessibility and search engine optimization of web pages.

Web App

Web accessibility audit tracking

Be Inclusive is a web app that helps you define, track, and share digital accessibility audits. We simplify the admin part of the process so manual auditing is easier to manage and share with teammates & clients.

Testing Tool

Introducing Equa11y

A Command-Line testing tool for Web Accessibility that help developers find and fix accessibility errors before deploying.

Browser

LeoReader

Making reading lists readable. A dyslexia friendly eReader designed for education in the creative industries.

Browser

Hidden Gem of Chromium Accessibility

There’s a hidden gem in Chromium accessibility. It is the command line accessibility tools. Similar to accessibility inspection tools available on all popular platforms such as Windows or OSX, these tools are designed for the very same purpose - they provide a low level access to accessibility features of a web site.

Software & Tools

Editoria11y

In many ways, Editoria11y is a stopgap solution. Most of the mistakes it catches were made because we placed new expectations on content authors ('tag your content with good structure'), but gave them tools that encouraged the opposite. The path forward is to make accessible content creation easier, and as automatic as possible.

Screen Reader

Screen Reader Keyboard Shortcuts and Gestures

List of screen reader keyboard shortcuts and gestures.

Developer Tools

The Accessibility of Styled Form Controls

A repository of styled and "styled" form control elements and markup patterns, and how they are announced by screen readers.

Developer Tools

AccessSlide

An accessible and modern HTML5-CSS-JS framework for presentation.

Software

AVA

Empowering Deaf & hard-of-hearing people and inclusive organizations with the best live captioning solution for any situation.

Developer Tools

A11y Color Tokens

Generate accessible complementary text or UI colors as Sass variables and/or CSS custom properties from your base color tokens.

Browser Extension

AccessiByeBye

If you use a screen reader and have been prompted to press a hotkey to turn on some website's screen reader mode, you've likely encountered the category of website add-ons known as accessibility overlays.

Developer Tools

Trello accessibility cards generator

Helper for accessibility reviewers in Trello, create the cards related for a review following the WCAG2

Developer Tools

A11y Tools

JS accessibility tool list.

Simulator

Reversed Exclusion

Creating awareness by excluding sighted people about the frustration that people with impaired vision or blindness experience almost every day when they try to use a website with little or no accessibility.

Simulator

Contrast Safe

A macOS menu bar app for quickly checking the accessibility of text against the Web Content Accessibility Guidelines (WCAG).

Developer Tools

Checka11y.css

CSS stylesheet to quickly highlight a11y concerns.

Mobile

Accessibility Hero

Accessibility Reference for App Designers and Developers.

Software & Tools

Descript

A collaborative audio/video editor that works like a doc. It includes transcription, a screen recorder, publishing, full multitrack editing, and some mind-bendingly useful AI tools.

Software & Tools

Readability Guidelines App

A Google docs add-on to implement readability guidelines.

Developer Tools

ButtonBuddy

Accessible button contrast generator

Evaluation Tools

Accessible Resources

Accessible Resources provide a suite of accessibility evaluation tools for macOS and iOS.

Developer Tools

5 amazing Chrome accessibility tools you didn't know

With accessibility, we mean making websites that are designed and coded so people with disabilities can use them.

Browser Extension

NerdeRegion

NerdeRegion is a developer tools extension for debugging live regions on a Web Page. When activated, you will see a list all active Aria live regions, and you'll be able to see the history of all changes made on the region.

Software & Tools

Blackboard Ally

Accessible content is better content and making course content accessible

Developer Tools

Should I Use A Carousel?

1% clicked a feature. Of those, 89% were the first position. 1% of clicks for the most significant object on the home page?

Browser Extension

Contrast checker for Firefox

Checks for compliance with the contrast levels of foreground and background colors combination based on the requirements of WCAG 2.1

Software & Tools

Accessible usability scale

Test usability with assistive technology users.

Developer Tools

ChromeLens

Chrome DevTools extension to develop for the visually impaired.

Evaluation Tools

Access Monitor Plus

Access our web accessibility practices (WCAG 2.1) assessor here. Obtain an accessibility report using one of the following methods.

Bookmarklet

Accessibility Bookmarklets

Accessibility of web pages can be hard to observe. These bookmarklets help web developers and designers see the "big picture" regarding web accessibility.

Developer Tools

PostCSS Colorblind

A PostCSS plugin for seeing your site as a colorblind person may.

Software & Tools

CKEditor 4 - Accessibility Checker

Use Accessibility Checker to inspect the content when you work on it, right in the WYSIWYG editor. The tool will resolve some issues automatically and recommend how to fix common accessibility problems found in your document.

Browser Extension

a11yTools - Extension for Safari macOS

a11yTools is a collection of HTML Web Accessibility Testing Tools in one location in a Safari Extension used for quick and easy Accessibility testing. Run your favorite Accessibility testing tool and then take a screenshot showing the a11y error to developers and designers.

Developer Tools

A11ygato

Accessibility dashboard for website monitoring