Edit Dashboard : Non-descriptive label for links

Issue Summary

Non-descriptive label “A”, "AA", "BA" and so on is provided for image links inside the modal dialog.

Note- Similarly Non-descriptive label such as “Color 1 color“, "Color 2 color", and so on  provided for image links inside "issue in progress" section refer screenshot 2.

Steps to Reproduce

1. Navigate to the “Dasboards” menu pop-up link and activate it.
2. Navigate to the “Manage Dashboards" link and activate it.
3. Navigate to “Create new dasboards” link and activate it. and Create a new dasboard
4. Open "Edit dashboard" page.
5. Using a screen reader, activate the "Edit layout" link.
6.   Observe a dialog appears.
7. Navigate to the mentioned link and listen that the link text does not clearly describe the purpose of the link.

Actual Result

The Non-descriptive label such as “A”, "AA", "BA"  and so on is provided for image links inside the modal dialog (that's become available when user activate the "Edit layout" link) As a result, screen reader users might not understand the purpose of the links effectively.

Expected Result

Provide descriptive labels "Layout for single gadget", "Layout for 2 side by side gadgets"  for the image link using hidden text or "aria-label" attribute. It will help screen reader users to understand the purpose of the links effectively.

Screenshot 1

Screenshot 2

Code snippet

<a href="#" id="layout-a">Layout for single gadget<strong></strong></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