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

Latest Version

Version
1.4.0
Update
May 21, 2024
Size
491KiB
Developer
Category
Users
10,000+
Rating
4.90625 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
Scripting
See more

ARIA DevTools Extension

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
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "ARIA DevTools", "version": "1.4.0", "manifest_version": 3, "description": "Easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.", "homepage_url": "https://chrome.google.com/webstore/detail/aria-devtools/dneemiigcbbgbdjlcdjjnianlikimpck?hl=en", "icons": { "256": "logo-256.png", "16": "logo-256.png", "48": "logo-256.png", "128": "logo-256.png" }, "background": { "service_worker": "background.js" }, "action": { "default_title": "ARIA DevTools" }, "commands": { "_execute_action": { "suggested_key": { "windows": "Ctrl+Shift+A", "mac": "Command+Shift+A", "chromeos": "Ctrl+Shift+A", "linux": "Ctrl+Shift+A" } } }, "permissions": ["activeTab", "storage", "scripting"]}
Read more

Similar Extensions

icon

Accessibility View Extension · Developer Tools 10,000+ 2 ★ 97.04KiB

icon

SkipTo Landmarks & Headings Extension · Accessibility 10,000+ 2 ★ 34.43KiB

icon

Visual ARIA Extension · Accessibility 10,000+ 4 ★ 314KiB

icon

Siteimprove Accessibility Checker Extension · Accessibility 10,000+ 21 ★ 1.43MiB

icon

WCAG Color contrast checker Extension · Developer Tools 10,000+ 26 ★ 163KiB

icon

WAVE Evaluation Tool Extension · Accessibility 10,000+ 143 ★ 344KiB

icon

Accessibility monitor Extension · Accessibility 10,000+ 0 ★ 96.89KiB

icon

IBM Equal Access Accessibility Checker Extension · Developer Tools 10,000+ 16 ★ 29.19MiB

icon

DigitalA11Y Tublets Extension · Accessibility 10,000+ 7 ★ 162KiB

icon

ARIA Validator Extension · Developer Tools 10,000+ 4 ★ 102KiB

icon

Screen Reader Extension · Developer Tools 10,000+ 1084 ★ 4.76MiB

icon

taba11y Extension · Developer Tools 10,000+ 15 ★ 205KiB

icon

HeadingsMap Extension · Developer Tools 10,000+ 70 ★ 575KiB

icon

ARC Toolkit Extension · Accessibility 10,000+ 24 ★ 645KiB

icon

axe DevTools - Web Accessibility Testing Extension · Accessibility 10,000+ 114 ★ 2.89MiB

icon

Landmark Navigation via Keyboard or Pop-up Extension · Accessibility 10,000+ 9 ★ 67.37KiB

icon

NerdeFocus Extension · Accessibility 10,000+ 7 ★ 46.69KiB

icon

LERA Extension · Accessibility 10,000+ 45 ★ 1.89MiB

icon

a11y.css Extension · Accessibility 10,000+ 4 ★ 611KiB

icon

Access Assistant Extension · Accessibility 10,000+ 56 ★ 2.15MiB

icon

Accessible Web Helper Extension · Accessibility 10,000+ 12 ★ 1.97MiB

icon

Silktide Accessibility Checker Extension · Accessibility 10,000+ 30 ★ 11.56MiB

icon

Accessibility Insights for Web Extension · Developer Tools 10,000+ 37 ★ 3.62MiB

icon

EqualWeb Accessibility Checker Extension · Accessibility 10,000+ 21 ★ 19.11MiB

User reviews

icon

Ahmed Elswerkey (ID: 000000d13078ac96) Voted 4 ★ - Updated 09/18/2023 cool, also you can see the accessibility tree from the inspecting tool, Elements > "styles row" > accessibility

icon

Martijn Noordermeer (ID: 00000002e9fb7ee3) Voted 3 ★ - Updated 12/23/2022 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.

icon

Kai Luo (ID: 0000009b43c0de3e) Voted 5 ★ - Updated 03/23/2022 Delightfully simple and useful! 5 stars!

icon

AbdalKarim Akilan (ID: 000000381713efff) Voted 5 ★ - Updated 11/10/2021 It deserves more than 5 stars. A must have tool for writing semantically correct HTML.

icon

Chris Templin (ID: 000000cb978e2f51) Voted 5 ★ - Updated 08/22/2021 A small, fast and very handy extension. Of course, it's great for accessibility. However, beyond that, it really helps you to think more logically about your code structure.