Accessibility assessment | Roadmaps : Radio group is not associated with its group label

Issue Summary

On the "Accessibility assessment | Roadmaps" page, the "Would you like to" radio group in the "Save" modal dialog is not associated with its visual group label.

Steps to Reproduce

1. Navigate onto the above mentioned page.
2. Navigate onto the "More actions" button and expand it.
3. Navigate onto the "Save" button and activate it.
4. Navigate onto the mentioned instances and inspect their code.
5. Observe that the radio buttons are not associated with their visual group label.

Screenshot

Actual Results

The "Overwrite their changes", and "Save as a new view" radio buttons are not programmatically associated with their visual group label.

As a result, the purpose of these radio buttons may be unclear for the users of a screen reader.

Expected Results

Make sure that form fields are associated with their visual labels. This can be done with <fieldset> and <legend> elements. If this is not possible, you can use aria-labelledby. This can be used with custom radio buttons created with ARIA.

Code Snippet

Code Snippet 1 (with <fieldset and <legend> elements
<fieldset>
  <legend>Would you like to</legend>
...
  <input type="radio" name="example" id="example01" checked>
  <label for="example01">Overwrite their changes</label>
  <input type="radio" name="example" id="example02">
  <label for="example02">Save as a new view</label>
  ...
</fieldset>
Code Snippet 2 (with aria-labelledby attribute)
<div id="groupLabel">Would you like to</div>
<div role="radiogroup" aria-labelledby="groupLabel">
  <!-- Custom radio buttons -->
</div>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Ventura 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest