Issue Summary

Action cannot be performed with a screen reader turned on.

Element Name: Minimise links.
Location of the element: for each "Environment" edit section.

Steps to Reproduce

• Open the home page
• Navigate to the "Project" link and activate it.
• Select the project link from the main content and activate it.
• Navigate to the main content and activate the plan link present in the "Plan Name" column.
• Navigate to the "Deployment" link and activate it.
• Navigate to the main content and activate the project link present in the "Deployment project" column.
• Navigate to the “Minimize” link and activate it.
• Observe the mentioned interactive elements are not accessible with the keyboard.

Actual Results

The keyboard support is missing for the "Minimize" link. This made it difficult for keyboard-only and screen-reader users to access the image button.

Expected Results

When a user activates mentioned interactive element action gets performed within the page and is not redirected to another destination page. This instance can be coded as a button element.

• Use custom role="button" to make sure that this button has an interactive role.
• Modify the scripts to ensure that the button is accessible with a keyboard as well as a mouse.

Code Snippet:

<a class="aui-button aui-button-subtle collapse-environment-button aui-icon-container" role="button" title="Minimise" tabindex="0" resolved="">
<span class="aui-icon aui-icon-small aui-iconfont-vid-full-screen-off">
</span> Minimise</a>

Screenshot

Workaround

Not Available

Bug Ref: 461175