View all Project: Radio buttons grouped inappropriately

Issue Summary

The radio buttons present in "Create Project" modal dialog is coded inappropriately.

Steps to Reproduce

1. Navigate to the "Projects" dropdown present in the header section.
2. Navigate to the "View all projects" option and select it.
3. Observe that "View all projects' page has been appeared on the page.
4. Navigate to the "Create Project" link and activate it.
5. Observe that modal dialog has appeared on the page.

Screenshot

Actual Results

The <legend> element used for the radio buttons such as "Scrum software development", "Kanban software development", and so on is identical. This made it difficult for keyboard-only and screen reader users to interact with the custom radio button.

Expected Results

Apply the following changes:

• Update the value of <legend> element as "Select a software template", "Select a service template" and "Select a business template".
• Ensure that the legend element should announce appropriately for each pair of radio buttons.

Code Snippet

<fieldset>
<legend class="assistive">Select a project template</legend>
<input type="radio" class="assistive" name="project-template" id="com.pyxis.greenhopper.jira:gh-scrum-template" checked="checked">
<label for="com.pyxis.greenhopper.jira:gh-scrum-template" class="assistive">Scrum software development, Agile development with a board, sprints and stories. Connects with source and build tools.</label>
(...)
</fieldset>

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 112.0.5615.49 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest