search

raunofreiberg / axe-mode

Accessibility testing visualized
MIT License
192 stars 5 forks source link

Provide component trace #4

Open raunofreiberg opened 4 years ago

raunofreiberg commented 4 years ago

I haven't thought this through or done any research as to if it is even possible, but...

Would be really cool if instead of displaying the target node that axe-core gives us, we could show the component in which the node is present.

This might be possible by using the node. React DevTools does something similar. If you select an element on the page to inspect and then jump to the "Components" tab, it will highlight the component in which the node exists.

Might be worth looking into.

chaance commented 4 years ago

I think it could be useful to do both. Or better yet, perhaps, what if the component name linked directly to open up a tab in React Dev Tools if the user has it installed in their browser? Worth exploring for sure!

raunofreiberg commented 4 years ago

Or better yet, perhaps, what if the component name linked directly to open up a tab in React Dev Tools if the user has it installed in their browser?

I love this! Let's do this as a follow up for #5