The trigger element which hides and shows the DevTools panel is not keyboard operable.

[professorplumb]

The Logo element which shows and hides the panel does so via an onClick attribute on a svg element. The parent Button element doesn't have any event handlers. This means that the user can't hide/show the panel using the keyboard.

To fix this, remove the action prop from the Logo, and the click handler from its SVG, and move the handler to the Button in devToolUI.tsx. It will also be necessary to manually set keyboard focus when the panel is shown, since the Button disappears in this case. I suggest setting focus to the "x" button in the panel itself.

[Fasping]

Opened a PR for this: #235

The click handler was on the svg inside the toggle button rather than on the button itself, so Enter/Space never reached it. Also did the focus part you mentioned, in both directions: focus moves to the close button when the panel opens, and back to the toggle when it closes, since the trigger gets unmounted either way.