Issue Summary

General - The element is not accessible by keyboard alone and there is no conforming accessible version of the same functionality reachable from the non-conforming page.

Element name: More button icon

Location of the element: More icon button, just beside the "Build plan" edit field, under the "Link to build plan" heading section, in the main content.

Additional details: While navigating with the tab key, the above-mentioned button is not receiving the tab key focus.

Steps to Reproduce

1. Open the homepage
2. Navigate to the "Create" button in the header and activate it.
3. Navigate the "Create Deployment Project" link and activate it 
4. Navigate to the “More” interactive element and activate it.
5. Observe the mentioned interactive elements are not accessible with the keyboard.

Actual Results

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

Expected Results

• Mark up the mentioned interactive element using the native <button> element.
• Modify the scripts to ensure that the button is accessible with a keyboard as well as a mouse.
• Provide the descriptive label "More Plans" using the aria-label attribute.

<button class="icon bamboo-single-select-icon drop-menu" aria-label="More Plans">
<span>More</span>
</button>

The focus indicator should be clear with a sufficient color contrast ratio.

Screenshot

Workaround

Not Available

Bug Ref: 460881