Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[graphiql] Accessibility: Window Splitter Not Keyboard Accessible #3767

Open
1 task done
juanrgon opened this issue Sep 4, 2024 · 1 comment
Open
1 task done

[graphiql] Accessibility: Window Splitter Not Keyboard Accessible #3767

juanrgon opened this issue Sep 4, 2024 · 1 comment

Comments

@juanrgon
Copy link

juanrgon commented Sep 4, 2024

Is there an existing issue for this?

  • I have searched the existing issues

Current Behavior

The window splitter in GraphiQL is not accessible via keyboard. It is only accessible and operable with a mouse. This creates a significant barrier for keyboard users, resulting in a degraded user experience as they cannot adjust the layout of the interface.

Expected Behavior

The window splitter should be fully accessible and operable via keyboard:

  • Users should be able to focus on the splitter using the Tab key
  • Once focused, users should be able to adjust the splitter using arrow keys
  • The functionality should be equivalent to what is currently possible with mouse interaction

Steps To Reproduce

  1. Open GraphiQL in a web browser
  2. Attempt to navigate to the window splitter using the Tab key
  3. Try to operate the window splitter using keyboard controls (arrow keys)
  4. Observe that it's not possible to interact with the splitter using only the keyboard

Environment

  • GraphiQL Version: 3.7.1
  • OS: MacOS
  • Browser: Chrome
  • Bundler: Not specified
  • react Version: 18.3.1
  • graphql Version: 16.9.0

Anything else?

No response

@acao acao added this to the graphiql@4.0.0 milestone Sep 5, 2024
@acao
Copy link
Member

acao commented Sep 5, 2024

@juanrgon thank you for reporting these bugs! going on the roadmap for 4.0.0 which is in progress!

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

No branches or pull requests

2 participants