ARIA DevTools
Dev tools
browser accessibility testing
SHOW HN2024
How HN took it
8 positive, 6 neutral or asking, 0 mixed, 2 critical, out of 16 comments about the project. Thread score +0.41.
Idea: 2 for, 0 againstExecution: 0 for, 2 againstPerformance: 1 for, 0 againstDesign: 1 for, 0 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Clean, useful visualization for spot checking accessibility
From 4 comments
A very handy tool for spot checking, but also training. My benefit from this visualization will be demonstrating to non-technical how to people to think about accessibility…
notjustanymike on HNPretty clean, I like it. I tested it out on a page I'm developing that has some meta data on a TV show. One of the elements is a set of divs each containing span with an…
afloatboat on HNSuper useful, great job.
Leimi on HNI’ve been using this for years now thank you so much for building this!!
Evan-Purkhiser on HN
Mirrors screen reader experience, including keyboard navigation and tables
From 1 comment
When I designed the tool I've tried to mirror the experience of screen readers users instead of only displaying ARIA roles and properties. For example you have to navigate the…
ziolko on HN
Objections
Does not show aria-label values and displays ::before content
From 2 comments
Pretty clean, I like it. I tested it out on a page I'm developing that has some meta data on a TV show. One of the elements is a set of divs each containing span with an…
afloatboat on HNI can't link the page, but this is a cleaned up DOM output (the extra spans/divs are components): `<div><div><span aria-label="IMDb rating" title="IMDb rating">IMDb…
afloatboat on HN
Maker says it is mostly abandoned and lacks enthusiasm to keep working on it
From 1 comment
Requests
Support iframes, which needs broader permissions
From 2 comments
Thank you, this looks great! Could you please run it inside iframes as well? Being able to use this in the Storybook/Playroom would be awesome. --- Firefox link:…
yreg on HNI am super glad you like it! The primary reason I haven't introduced support for iframes is that it requires much wider permissions (instead of just access to the current tab…
ziolko on HN
Questions
How does it compare to Chrome DevTools accessibility features?
From 2 comments
How does this compare to Chrome’s built-in tooling (https://developer.chrome.com/docs/devtools/accessibility/reference)?
Someone on HNDoes it offer any additional features compared to the accessibility view in Chrome DevTools?
antriani_ on HN
Alternatives named
Chrome DevTools accessibility tree
From 2 comments
How does this compare to Chrome’s built-in tooling (https://developer.chrome.com/docs/devtools/accessibility/reference)?
Someone on HNGreat idea and implementation, thank you, I’ll definitely use it for my side project. Coincidentally, I just watched a talk by Mandy Michael [1] about HTML performance and…
freetonik on HN
WAVE
From 2 comments
Looks neat, and way more clean than https://wave.webaim.org/
vladde on HNDefinitely more accurate however it's UX is awful and doesn't do a good job of prioritizing issues. It sucks that you basically have to install a screen reader app to get the…
InvisGhost on HN
Polypane accessibility tree
From 1 comment
Very cool. I recently implemented my own accessibility tree visualization [1] Yours is very interesting, getting away from the tree itself to a visualization more focused on…
kilian on HN