Details
-
Bug
-
Resolution: Fixed
-
Low
-
4.22.2
-
Severity 2 - Major
-
Description
Issue Summary
The expand/collapse state and functionality for the object name in the Object overview modal are inaccessible to the keyboard only and screen reader users.
Tested URL
https://instenv-19536-ipiz.instenv.internal.atlassian.com/browse/OBJ-9
Steps to Reproduce
- Launch the URL
- In the main content area, click on the object link, just beside the "Affected Server:" area
- Then the "Object Overview" modal will display.
- Click on the "Show graph" icon button.
- Click on the "Tree" button. Then the graph will display in the tree view.
- Try to interact with the Expand & Collapse link in the modal on the right side under
Referenced objects with keeping the screen reader on and with mouse click.
Screenshot
Actual Results
The functionality associated with the "Object name" link below the section "Referenced objects" in the object overview modal is unclear for screen reader users. Visually, on activating the link, the content gets expanded/collapsed dynamically below on the page. Even though the dynamically updating content is easier to understand for sighted users, the updating content is not intuitive for blind users to understand.
Additionally, it has missing keyboard support and the screen reader focus does not receive the link.
Expected Results
Apply the following changes:
• Code the "Object name" links using <a> element and include “href” attribute in their source code.
• Modify the scripts to ensure that the links are accessible with a keyboard as well as a mouse.
• Set the “aria-expanded” attribute to “false” for the link when the link is in the collapsed state. Ensure that the value of the “aria-expanded” attribute changes on user interaction via scripting.
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 745155
Bulldog Ref: JSMDC-12554
Attachments
Issue Links
- is blocked by
-
JSMDC-12554 Loading...
- mentioned in
-
Page Loading...