Issue Summary

The appropriate role and accessible name are missing. As a result, its purpose is not conveyed to screen reader users.

Element Name: Projects more options menu(... 3 dots horizontal) button.
Location of the element: Located below the header region.

Note: make sure to provide descriptive and unique names for these links.

Steps to Reproduce

1. Open the home page
2. Navigate to the "Project" link and activate it.
3. Select the project link from the main content and activate it.
4. Navigate to the main content and activate the plan link present in the "Plan Name" column.
5. Navigate to the "Deployment" link and activate it.
6. Navigate to the main content and activate the project link present in the "Deployment project" column.
7. Navigate to the "Edit environment" link and activate it.
8. Turn on the screen reader and navigate to the "More Options" button.

Actual Results

The role="button" is missing for the "More Option" interactive element. Additionally, the accessible name is missing for the mentioned instance. This made it difficult for screen-reader users to understand the purpose of the interactive element. 

Expected Results

When the user activates the "More Options" button, a popup gets appeared on the same page and is not redirected to another destination. 

• Use custom role="button" to <a> element to ensure that this button receives keyboard focus and has an interactive role. 
• Provide a unique and descriptive accessible name "More Options" using the aria-label attribute.

Screenshot

Workaround

Not Available 

Bug Ref: 461083