Issue Summary

The link is missing accessible link text.

Element Name: edit links.
Location of the element: Located in each environment section.

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 "Edit" links

Actual Results

When the screen reader’s focus moves on the “Edit” since the link text is missing screen reader users are not conveyed about the destination of the link. Additionally, the "Edit" link is included in the heading <h3> inappropriately.

Expected Results

• Provide accurate link text to the <a> to ensure screen reader users and sighted users are conveyed about the destination of the page.
• Remove the "Edit" link from the <h3> heading mark-up
• Specify the "id" attribute with a unique value to the <h3> element containing the "Environment: Sample env " heading.
• Reference the "id" attributes of <h3> element and <a> via the "aria-labelledby" attribute.

Code Snippet:

<h3 id="env_head1" data-environment="title">Environment: sample env</h3>
<a id="editEnvironment1212417" class="aui-button aui-button-subtle environment-edit" href="/deploy/config/configureEnvironment.action?id=1212417&amp;deploymentProjectId=1146881" tabindex="0" resolved="" aria-labelledby="editEnvironment1212417 env_head1">
<span class="aui-icon aui-icon-small aui-iconfont-edit-filled">Edit</span></a></div>

Alternatively, Provide the aria-label="Edit Environment: Sample env" to the <a> element to make sure the destination is announced to the screen reader users.

Screenshot

Workaround

Not Available

Bug Ref: 461163