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.

Sign up for GitHub

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

Jump to bottom

Modal keyboard navigation (tab/shift+tab) not working correctly #523

Open

UnlockQA opened this issue Dec 7, 2024 · 0 comments

UnlockQA commented Dec 7, 2024

Summary

The modal component has inconsistent keyboard navigation behavior

Steps to Reproduce

Open any modal containing form elements e.g. User Profile Create Event
Try to navigate through elements using Tab key
Try to navigate backwards using Shift+Tab
Try to tab through select fields

Demo Link

https://preline.co/pro/examples/modals-add-create-forms.html

Expected Behavior

Users should be able to tab forward through ALL focusable elements (inputs, selects, buttons etc.)
Users should be able to tab backwards using Shift+Tab
Tab order should follow a logical sequence
Behavior should comply with WCAG keyboard accessibility guidelines

Actual Behavior

Can only tab forward through some input fields
Cannot tab backwards at all
Some fields you cannot tab into at all, and then you cannot tab backwards, so you're stuck

Screenshots

No response

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