search

storybookjs / react-inspector

🔍 Power of Browser DevTools inspectors right inside your React app
https://5d8cb665bc622e0020296079-dippbxxgcq.chromatic.com/
MIT License
774 stars 95 forks source link

Implement keyboard accessibility #107

Open oliviertassinari opened 4 years ago

oliviertassinari commented 4 years ago

The component doesn't have keyboard support. I think that it would be interesting to implement it. The accessibility guidelines can be found at https://www.w3.org/TR/wai-aria-practices/#TreeView.

Here is an example in the Chrome Dev Tools:

Apr-05-2020 17-47-55

Material-UI used to rely on react-inspector in the Default Theme inspector but it was replaced so we could dogfood our implementation of the TreeView component. I wish we could go back to use react-inspector while still dogfooding our TreeView 😍(happy to work on it if needed).

Apr-05-2020 17-56-55

rvantonisse commented 4 months ago

I second this. Looks like last missing piece for a basic accessible tree.

This is a link directly to the current WAI APG tree pattern: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/