View System Dashboard : Inaccurate reading order

Issue Summary

On the "View system dashboard" page, the content associated with the “Actions” link does not have an appropriate reading order.

Steps to Reproduce

1. Navigate to the “Dashboard” menu pop-up link and activate it.
2. Navigate to the “View system dashboard” link and activate it.
3. Navigate to the "Actions" link and activate it.
4. Observe that the content is being updated at the end of the page.

Actual Result

When the “Actions” link is expanded, the expanded content of this link is available at the end of the page for screen reader users. This is because this content is not coded directly after the button in the DOM. It is instead coded at the end of the page. This inappropriate reading order might disorient the users of screen readers. That the content is available at the end might confuse or mislead them.

Expected Result

Content must have an appropriate reading order. Assistive technologies navigate content using the order in which elements appear in the DOM. Hence, make sure that the content is programmatically ordered in such a way that it provides an appropriate reading order to the users of assistive technologies.

Screen Recording

Screen Recording 2023-05-09 at 9.53.26 AM.mov

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (13-inch, 2020)
macOs Ventura  13.3.1
Chrome - Version 108.0.5359.124 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest