ARIA DevTools

Easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.

What is ARIA DevTools?

ARIA DevTools is a valuable Chrome Extension that enhances web accessibility testing. It allows users to see their website as screen readers present it to visually impaired users, considering ARIA roles and keyboard support, making the development of accessible web applications simpler and efficient.

Download

Stats

By: Mateusz Zieliński

View on Chrome Web Store

Users: 7,000+

Rating: 4.88 (26)

Version: 1.3.12 (Last updated: 2024-01-22)

Creation date: 2020-05-29

Risk impact: Very low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

activeTab
storage

Size: 157.70K

Email: ma*****@roombelt.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 11956 ▼ 92

Other rankings

#119 in Developer Tools

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

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 is an Open Source project that can be found on Github: https://github.com/ziolko/aria-devtools

User reviews

User reviews summary

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Simple and easy to use
Provides valuable feedback on accessibility
Helps developers think more logically about code structure
Visualizes the accessibility tree
Great for checking and fixing accessibility issues

Cons

Does not work well with Shadow DOM
Some users may find it intrusive or painful to use

Most mentioned

Simple and easy to use
Provides valuable feedback on accessibility
Visualizes the accessibility tree
Great for checking and fixing accessibility issues

Recent reviews

Daniil Glezer, 2024-02-28

cool, also you can see the accessibility tree from the inspecting tool, Elements > "styles row" > accessibility

Ahmed Elswerkey, 2023-09-18

Works pretty well, unless you're using Shadow DOM. I'm building my app in Lit-Element, which uses open Shadow DOMs for every component, and the extension is just not reading any of it and giving me a blank page.