Skip to content

test(inspector): add keyboard-only accessibility coverage #25

Description

@stackloomdev

Context

The inspector is usable with pointer input, but the stable-release gate needs a keyboard-only regression path for opening, navigating, and closing it.

Scope

  • Add a Playwright scenario that opens the inspector without pointer-only shortcuts.
  • Exercise the Why, Values, State, Network, and Timeline navigation using keyboard input.
  • Verify visible focus, the active tab state, and a predictable focus destination after closing.
  • Keep the fixture TypeScript/TSX-only and reuse the React 19 diagnostic lab.
  • Fix any inspector semantics exposed by the test rather than weakening the assertions.

Acceptance

  • The new test fails if a keyboard user cannot reach or identify the active inspector view.
  • Existing pointer selection and direct reselection remain green.
  • pnpm check passes.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityKeyboard, screen reader, and inclusive interactionarea: inspectorInspector UI, selection, and interactionhelp wantedExtra attention is needed

    Projects

    No projects

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions