Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
4.20.0
-
Severity 2 - Major
-
Description
Issue Summary
Status message is not automatically announced by the screen reader.
Element:
- Loading..
Location:
It will display when user enters data in "Search" field
Tested URL
https://instenv-5971-nizh.instenv.atl-test.space/secure/insight/assets/INITSM-77?v=0
Steps to Reproduce
- Step 1
Actual Results
Actual results
Expected Results
Fix Information
RULE :
The focus MUST be purposely moved or set (via JavaScript) onto the appropriate element when the user's action requires a change of context or location for effective keyboard or touch interaction.
HOW TO FIX:
Fix this issue by explicitly placing focus on a logical element when content is removed, refreshed, or added, for example:
1. For content added to the screen in reaction to a user-fired event, focus should be shifted to the new content - such as in single page applications.
2. For content removed from the screen in reaction to a user-fired event, focus should be shifted to the next logical place in the interaction.
REFERENCE:
Deque University: https://dequeuniversity.com/class/input-methods2/keyboard-input/focus-management
Deque University:https://dequeuniversity.com/class/dynamic-updates2/notify-users/move-focus
Deque University: https://dequeuniversity.com/class/dynamic-updates2/ajax/single-page-applications
BACKGROUND:
One of the biggest challenges when creating rich web interfaces using JavaScript is the management of focus when new content or controls are added or removed from the page. The presentation or modification of content on the screen may require that the user interact with -or at the very least, take notice of - the new or changed content. It is important to have a clear indication of page content that has been updated. This allows the user to understand the change and also allows a keyboard user to interact with any new content.
Screenshot
Screen Recording
screen recording
Workaround
workaround
Bug Ref: 747819
Bulldog Ref: JSMDC-13195
Attachments
Issue Links
- is blocked by
-
JSMDC-13195 Loading...