View System Dasboard : Inappropriate label provided for interactive elements

Issue Summary

The label such as “Expand“, is provided for button and "Next" and "previous" is provided for the image link.

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 mentioned instance.
4. Inspect the code.
5. Listen the screen reader’s announcement.

Actual Results

When users navigate to mentioned elements it is announcing as “Expand”, "Next", and "Previous" by screen reader users. As a result, screen reader users will not understand the purpose of the elements.

Expected Result

Every interactive element should have descriptive and logical accessible name which will help them to know the purpose of element and to interact with it effectively.

Hence we would recommend to update the aria label as “Next page“ and "Previous page".

Screenshot

Code snippet

<a href="..." rel="10" class="icon icon-next" aria-label="Next page"><span>Next &gt;&gt;</span></a>

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