Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ziolko/aria-devtools
Easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.
https://github.com/ziolko/aria-devtools
accessibility aria webapp
Last synced: 2 days ago
JSON representation
Easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.
- Host: GitHub
- URL: https://github.com/ziolko/aria-devtools
- Owner: ziolko
- License: mit
- Created: 2020-03-07T10:43:09.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-12-03T07:41:39.000Z (22 days ago)
- Last Synced: 2024-12-15T19:08:35.556Z (9 days ago)
- Topics: accessibility, aria, webapp
- Language: TypeScript
- Homepage: https://chrome.google.com/webstore/detail/aria-devtools/dneemiigcbbgbdjlcdjjnianlikimpck?hl=en
- Size: 672 KB
- Stars: 393
- Watchers: 5
- Forks: 13
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.txt
Awesome Lists containing this project
README
# 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.
![Screeshot of ARIA DevTools](https://lh3.googleusercontent.com/MhZVpZIrzkP7QEQqJYy5qOfvJuM3Ns52Ri7npeU7XHl24buihw-b8d9cl1jeL8hvuvOHaJA_=w640-h400-e365-rj-sc0x00ffffff)
This extension is available for free for [Chrome](https://chrome.google.com/webstore/detail/aria-devtools/dneemiigcbbgbdjlcdjjnianlikimpck?hl=en) and [Firefox](https://addons.mozilla.org/firefox/addon/aria-devtools/).
> [!IMPORTANT]
> Recently I've dropped my full time job to pursue a dream of being an independent developer working on my own projects. To make it sustainable I have to be very careful on what I spend my time on. I would love to work further on ARIA DevTools if I find a sponsor of the project (I don't want to make the extension paid). If you are interested feel free to contact me at [email protected].## 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.
[![](https://github.com/ziolko.png?size=60)](https://github.com/ziolko)
[![](https://github.com/pcorpet.png?size=60)](https://github.com/pcorpet)
[![](https://github.com/ctemplin.png?size=60)](https://github.com/ctemplin)
[![](https://github.com/arminbashizade.png?size=60)](https://github.com/arminbashizade)
[![](https://github.com/mass8326.png?size=60)](https://github.com/mass8326)## Working with this repository
### Prerequisites
1. NodeJS (e.g. 10.15.1)
2. YARN (e.g. 1.17.3)### Development environment
1. `yarn`
2. `yarn start`
3. 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
1. `yarn`
2. `yarn build`The build result can be found in the `extension` directory.
## License
MIT