Issue Summary

The required roles not defined for the submenu links

Elements name: Sub menu links

• All plans link
• Favourite plans
• Filtered plans link

Location of the elements: Sub menu links, under the " Wallboard" menu, besides the "Build dashboard" heading, in the main content.

Additional details: After expanding the " Wallboard" menu, the keyboard focus is not moving into the submenu links.

Steps to Reproduce

1. Open the home page.
2. Navigate to the "Build" link in the header and activate it.
3. Navigate to the "All build plans" link and activate it.
4. Navigate to the "Wallboard" menu button and activate it.
5. Turn on the screen reader and navigate to the mentioned sub-menu links.

Actual Results

The role such as "menuitem" is defined for the sub-menu links such as "All Plans", "Favourite Plan" and "Filtered Plans". This made it difficult for keyboard-only and screen-reader users to access the functionality associated with the link. Additionally, the keyboard focus is not moving to submenu links when the user expands the "Wallboard" button

Expected Results

• Provide role "menuitem" to the <a> element of the mentioned sub-menu links.
• The keyboard focus should move the first sub-menu link when the user expands the "Wallboard" menu button.
• Replace the tabindex=-1 with tabindex="0" attribute in the source code.

Screenshot

Workaround

Not Available

Bug Ref: 457988