Software & Tools

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

editoria11y

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.

deque

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.

access-slide

Developer Tools

AccessSlide

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

ava

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.

descript

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.

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.

Color Simulator

Contrast Safe

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

Mobile

Accessibility Hero

Accessibility Reference for App Designers and Developers.

Developer Tools

Checka11y.css

CSS stylesheet to quickly highlight a11y concerns.

Software & Tools

Blackboard Ally

Accessible content is better content and making course content accessible

Software & Tools

Readability Guidelines App

A Google docs add-on to implement readability guidelines.

button-buddy

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.

nerde

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.

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?

fable

Software & Tools

Accessible usability scale

Test usability with assistive technology users.

checker-firefox

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

chromelens

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.

ckeditor

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.

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

a11yTools - Web Accessibility on the App Store

a11yTools is a collection of HTML Web Accessibility Testing Tools in one location on your iPhone and iPad for quick and easy Accessibility testing. Run your favorite Accessibility testing tool and easily take a screenshot on your phone showing the a11y error to developers and designers.

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

Developer Tools

Magica11y

A suite of functions to detect “user-preference” and “environment” media features.

Mobile

Be My Eyes - See the world together

Be My Eyes is a free app that connects blind and low-vision people with sighted volunteers and company representatives for visual assistance through a live video call.

Copywriting

Hemingway Editor

The app highlights lengthy, complex sentences and common errors; if you see a yellow sentence, shorten or split it. If you see a red highlight, your sentence is so dense and complicated that your readers will get lost trying to follow its meandering, splitting logic — try editing this sentence to remove the red.

Developer Tools

Accessibility Support

Will your code work with assistive technologies?

faciliti

Developer Tools

FACIL’iti

FACIL’iti provides a significantly improved and customized browsing experience for older adults and people with disabilities. It allows the website to meet the needs of each individual’s particular condition.

Thea11ymachine

Validators

TheA11yMachine

The A11y Machine is an automated accessibility testing tool which crawls and tests pages of any web application to produce detailed reports.

Software & Tools

Voicetext by Presence

Send voice messages w/ text transcribed directly in Slack

Developer Tools

equa11y

Equa11y Command Line Tool: An easy to implement axe-core command line testing tool made by Software Engineers for Software Engineers

Developer Tools

Modularscale

Use a scale like you would use a ruler. Many people set heading type sizes with numbers from a scale, but that's just one possibility. You can use a scale to measure or set the size of any element or negative space in a composition — including grids, and the overall dimensions of the composition itself.

polypane

Developer Tools

Polypane

A browser with all the tools you need to build responsive, accessible and performant sites five times faster, perfect for developers and designers.

MacOS App

Caption

Caption takes the effort out of finding and setting up the right subtitles. A simple design, drag & drop search, and automatic downloading & renaming let you just start watching. Caption is multi-platform, open-source, and built entirely on web technology.

vana11y

Developer Tools

Van11y

Van11y (for Vanilla-Accessibility) is a collection of accessible scripts for rich interfaces elements, built using progressive enhancement and customizable.

a11ywatch

Validators

A11yWatch

Fast and efficient web accessibility productivity tool.

Visib11y

Software

Live Subtitles

Live Subtitles is an Augmented Reality (AR) app which displays real-time conversational subtitles on your smartphone screen as someone is speaking.

Visib11y

Software

Visib11y

Visib11y is a daily help app for people with visual impairment or blindness. Instantly recognize objects all around you, read text, find out your location, and navigate to places, all with speech.

wikibility

Software

Wikibility

Using Wikibility, users with learning disorders like dyslexia, senior, blind users, etc., can all easily use Wikipedia.

Augmenta11y

Software

Augmenta11y

Augmenta11y is an Augmented Reality (AR) app that helps people with learning disabilities like dyslexia easily read signage, paper, and other material in the real world.

oswaldvalmiki

Browser Extension

Valmiki

The revolutionary tool for accessible reading.

agasthaya

Developer Tools

Agastya by Oswald Labs

By adding just one line of JavaScript code, you can make your website accessible to a much wider audience.

insights

Browser Extension

Accessibility Insights for Web

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

a11y-ally

Developer Tools

A11y Ally

A collection of tools to aid developers observe, verify, and test the accessibility of Android applications.

hearo

Software

Hearo

An app that can help the Hearing Impaired people to communicate better with their Hearing Friends by seamlessly translating voice.

dot

Bookmarklet

Dot translate

A simple tool and bookmarklet to help you translate any website into braille.

duotone

Developer Tools

Duotone Reader

Screen reading enhancement with duo-voice text reading.

koa11y

Validators

Koa11y

Koa11y is a desktop app that allows you to automatically detect accessibility (a11y) issues on webpages.

notyf

Developer Tools

Notyf

A minimalistic JavaScript library for toast notifications. Responsive, A11Y, dependency-free.

Bookmarklet

Reading Order Bookmarklet

Test your page with this bookmarklet to quickly identify when content does not flow in a sensible manner.

Bookmarklet

The Screen Curtain Bookmarklet

The Screen Curtain Bookmarklet allows engineers, testers, educators, and students to temporarily obscure web technologies while using screen readers in order to simulate the experience of using such technologies without sight.

whathasfocus

Bookmarklet

What has focus?

When something receives keyboard focus via Tab key, the current element will be logged to the JavaScript console so you can determine which element currently has focus!

h123

Bookmarklet

h123

A bookmarklet that shows headings like a screenreader.

Bookmarklet

Dyslexia bookmarklet

Rearrange the letters within words on a page, to show what reading with dyslexia is like.

Developer Tools

accessibilityjs

Client side accessibility error scanner.

Developer Tools

a11y.css

This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.

Developer Tools

A11y Checker

Identifies accessibility issues in HTML markup.

sa11y

Bookmarklet

Sa11y

An accessibility quality assurance tool that visually highlights common accessibility and usability issues. Geared towards content authors, Sa11y indicates errors or warnings at the source with a simple tooltip on how to fix.

Developer Tools

a11y CSS reset

A small set of global rules to make things accessible and reset default styling.

highcontrast

Browser Extension

High Contrast

Lets you browse the web with your choice of several high-contrast color filters designed to make it easier to read text.

webaim

Browser Extension

WebAIM: Link Contrast Checker

For usability and accessibility, links should be underlined by default.

nocoffee

Browser Extension

NoCoffee

NoCoffee can be helpful for understanding the problems faced by people with slight to extreme vision problems, such as: low acuity, color blindness, nystagmus and more vision problems.

andi

Browser Extension

ANDI - Accessibility Testing Tool

ANDI (Accessible Name & Description Inspector) is a free tool to test web content for accessibility.

a11ygator

Validators

A11ygator

A11ygator bites websites to taste their accessibility.

achecker

Validators

ACheker

This tool checks single HTML pages for conformance with accessibility standards to ensure the content can be accessed by everyone.

accesslint

Developer Tools

AccessLint

AccessLint brings automated web accessibility testing into your development workflow.

accessibility

Developer Tools

Accessibility Toolbar Plugin

Simple accessibility toolbox for use in websites

axe

Browser Extension

axe - Web Accessibility Testing

Automatically catch accessibility defects while you code.

wave

Browser Extension

WAVE Evaluation Tool

Web accessibility evaluation tool developed by WebAIM.org.

ibm

Browser Extension

IBM Equal Access Accessibility Checker

The IBM Equal Access Accessibility Checker is an open source tool for web developers and auditors that utilizes IBM's accessibility rule engine, which detects accessibility issues for web pages and web applications.

helperbird

Browser Extension

Helperbird

A browser extension that helps and gives you features like dyslexia fonts, change the font & background color, text to speech with natural voices, overlays, dyslexia rulers, immersive reader, reader mode, and much more to tailor the web to your accessibility needs.

Bookmarklet

44x44 Pixel Cursor Bookmarklet

Change your cursor to 44x44 pixels square for testing WCAG Target Size and Pointer Target Spacing requirements.

inaccessible

Bookmarklet

Inaccessible Twitter

Discover how inaccessible your Twitter feed really is.

aditus

Validators

Aditus Accessibility Audit

Our audits are more than just a report. For every accessibility issue, you’ll get recommendations on how to fix them.

Developer Tools

Can I use

Provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

colorblinding

Browser Extension

Colorblinding

Simulates the website as a color vision impaired person would see.

Developer Tools

Accessibility Developer Tools

This is a library of accessibility-related testing and utility code.

spectrum

Browser Extension

Spectrum

Helps you to test web pages for people with different types of Color Vision Deficiency (CVD).

a11ychecker

Validators

tota11y

An accessibility visualization toolkit, helps visualize how your site performs with assistive technologies.

html5a11y

Developer Tools

HTML5 accessibility

Get the current accessibility support status of HTML5 features across major browsers.

a11yengineer

Developer Tools

Success Criteria Checklist

A tool to check all UI components and giving you a success criteria checklist