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

[a11y]: DatePicker [Range With Calendar] - focus order is incorrect #15251

Open
Tracked by #13962
andreancardona opened this issue Nov 27, 2023 · 0 comments · May be fixed by #16219
Open
Tracked by #13962

[a11y]: DatePicker [Range With Calendar] - focus order is incorrect #15251

andreancardona opened this issue Nov 27, 2023 · 0 comments · May be fixed by #16219

Comments

@andreancardona
Copy link
Contributor

Package

@carbon/react

Browser

FF, Safari & iPhone

Package version

@carbon/react@1.38.0

Automated testing tool and ruleset

Manual QA

Assistive technology

VO & JAWS

Description

Focus order is incorrect when we do tab from End date edit field after the calender control is selected

After selecting A date from the End Date field, When we do tab, the focus goes to the "Start Date" field.

Recommended Fix

Focus should go to the triggering control i.e. End date field

When the focus is not set on a logical point in the page after a user action, it creates a great deal of confusion. The whole process of navigating back to the relevant element can be tedious. note this defect mainly impacts keyboard-only users and those with cognitive disabilities.

WCAG 2.1 Violation

2.4.3 Focus Order

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 🚦 In Review
Development

Successfully merging a pull request may close this issue.

1 participant