ARIA DevTools
Creating accessible web applications is difficult. It gets even harder if you don't understand how people with disabilities use computers.
With ARIA DevTools you see your website the way screen readers present it to the blind users. All page elements are presented according to their explicit or implied ARIA roles. This includes headings, images, tables and form items beyond others.
It's now easy to spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support. This makes testing and development of accessible websites easier.
This extension is available for free for Chrome and Firefox.
Usage
Install the extension, open your website and click the browser extension icon.
Contributors ✨
I highly appreciate all pull requests and raised issues. You can also help by sharing this extension with your friends on Twitter and starring this repository.
Working with this repository
Prerequisites
- NodeJS (e.g. 10.15.1)
- YARN (e.g. 1.17.3)
Development environment
yarn
yarn start
- Load the
extension
directory as an unpacked extension in the browser [extensions page](Chrome extensions page).
Note: You need to enable Developer Mode in the Chrome extensions page to load unpacked extensions.
Building production artifact
yarn
yarn build
The build result can be found in the extension
directory.
License
MIT