redux-devtools icon indicating copy to clipboard operation
redux-devtools copied to clipboard

Add some accessibility to the react-json-tree for keyboard naviagation, also allow Arrow Override

Open tisdadd opened this issue 1 year ago • 1 comments

This library had met everything I needed but for the fact that I wanted things to be able to be navigated by keyboards. Default arrows are now focusable as buttons and have some basic aria expandable applied. Looked into treeitem roles but realized that they are explicitly set for a selectable tree inputs, so treated it as standard expandable list.

I saw Issue 464 when I was initially looking simply into replacing with buttons, and realized that I should probably still throw that in there.

Hopefully this is helpful, if not or if I should do something else, please let me know.

tisdadd avatar Sep 03 '24 22:09 tisdadd

🦋 Changeset detected

Latest commit: bfa9c3f12d3584f6cb616ed16f78e56bd15ffde5

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 17 packages
Name Type
react-json-tree Minor
react-json-tree-example Minor
remotedev-redux-devtools-extension Patch
@redux-devtools/inspector-monitor Patch
@redux-devtools/log-monitor Patch
@redux-devtools/rtk-query-monitor Patch
@redux-devtools/app-core Patch
@redux-devtools/inspector-monitor-test-tab Patch
@redux-devtools/inspector-monitor-trace-tab Patch
inspector-demo Patch
test-demo Patch
counter-redux Patch
todomvc Patch
slider-todomvc Patch
rtk-query-demo Patch
@redux-devtools/app Patch
@redux-devtools/cli Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

changeset-bot[bot] avatar Sep 03 '24 22:09 changeset-bot[bot]