[a11y]: DatePicker [Range With Calendar] - focus order is incorrect #15251
Labels
component: date-picker
role: dev 🤖
screen-reader: JAWS
screen-reader: VoiceOver
severity: 3
User can complete task, and/or has a workaround
type: a11y ♿
type: bug 🐛
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
The text was updated successfully, but these errors were encountered: