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

Improved keyboard navigation in forms #2835

Open
Yelinz opened this issue Nov 4, 2024 · 2 comments
Open

Improved keyboard navigation in forms #2835

Yelinz opened this issue Nov 4, 2024 · 2 comments
Labels
enhancement New feature or request form rendering

Comments

@Yelinz
Copy link
Member

Yelinz commented Nov 4, 2024

Improve keyboard navigation experience in forms.

It is very difficult to tab through a form, to quickly fill out the fields. It focuses the info buttons, only one of the radio buttons, etc.

@Yelinz Yelinz added enhancement New feature or request form rendering labels Nov 4, 2024
@czosel
Copy link
Contributor

czosel commented Nov 6, 2024

If we tackle this it might be worth reading up on accessibility best practices regarding tab navigation. As far as I remember, the goal should be that the application is usable without using a mouse - which would mean that it should be possible to focus (and open) info buttons as well.

@Venkata-Sai-Vishwanath-robo

Hey,

To improve keyboard navigation, WCAG recommends that Tab should focus on the first radio button, with Arrow keys used to navigate between options, and it seems to be working fine in this case. Additionally, WCAG requires a minimum contrast ratio of 4.5:1 between text and background to ensure accessibility.

I also feel that integrating keyboard shortcuts into the form builder could enhance usability further. I’ve recently worked on similar improvements for a project and would be happy to assist if needed!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request form rendering
Projects
None yet
Development

No branches or pull requests

3 participants