Details
-
Bug
-
Resolution: Fixed
-
Low
-
4.22.3
-
Severity 2 - Major
-
Description
Issue Summary
The element "Close icon(X icon)" is not accessible by keyboard alone and there is no conforming accessible version of the same functionality reachable from the non-conforming page.
Steps to Reproduce
- Launch the URL
- Click on the "Filter Search" field
- Then will display Some checkboxes under the "Search" field and then choose any of them
- Then will display again some checkboxes and select any of them
- Then will display the above-mentioned elements
Actual Results
When a user is navigates to the "Filter",then it will display Some checkboxes under the "Search" field and then choose any field and in each field you can find a close icon present which is not accessible by the keyboard, But it is accessible by using a mouse. For the Close icon element tabindex="-1" has been provided, As a result screen reader and keyboard-only users will miss out on important functionality.
Expected Results.
The interactive element "Close icon" is coded as native <a> element, and thus role of the link will be announced for screen reader users, and provide keyboard focus tabindex="0" or remove tabindex for the close icon.
Screenshot
Screen Recording
Screen Recording 2022-06-06 at 7.17.09 PM.mov
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 748658
Bulldog Ref: JSMDC-12837
Attachments
Issue Links
- is blocked by
-
JSMDC-12837 Loading...