Issue Summary

The "Color" tiles does not receive keyboard focus. 

Steps to Reproduce

1. Navigate to the Projects in the header section.
2. Navigate and activate any "Scrum" project.
3. Navigate and activate the "Backlog" from the Left navigation.
4. Navigate to "Epic" panel and activate it.
5. Navigate onto the mentioned instance with a keyboard. Observe that the instance does not have keyboard support. 

Actual Result

The  mentioned interactive elements does not receive keyboard focus. This made it difficult for keyboard-only and screen reader users to access the functionality associated with the mentioned interactive element

Expected Result

All the interactive elements on the page must be Accessible with Keyboard & screen reader. The color palette present inside more epic options should be accessible for keyboard & screen reader users.

Apply following fixes.

• Mark the color elements as radio buttons so they become interactive with Keyboard & screen reader.
• Provide a clear & visual labels to the radio buttons. For Example : "Red", "Yellow", etc.
• Provide visual & programmatic indication to users to understand currently selected color element.
• The radio button has to be grouped programmatically, so wrap them in <fieldset> element & put text "Colour" in <legend> element. Alternatively provide role="group" & aria-labelledby to <div> element 

Screenshot

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (13-inch, 2020)
macOs Ventura  13.3.1
Chrome - Version 108.0.5359.124 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest