Issue Summary

The radio buttons such as "The past day", "The past week" and so on are not programmatically determined

Steps to Reproduce

1. Open the “Confluence DC” page.
2. Navigate to "Search" input field present in header section.
3. Activate it and observe that modal dialog has been appeared on the screen.
4. Navigate to "Date" combobox and select it.
5. Listen that the radio buttons are not identified programmatically.

Screenshot 

Actual Result

The custom radio buttons such as "The past day", "The past week" and so on are not programmatically determined. The role and state of the radio buttons are not identified programmatically for screen reader users.This made it difficult for screen reader users to interact with the custom radio button.

Expected Result

The custom radio buttons must be identified with role and state using screen reader for its users.
Replace the custom radio button with the standard radio button by using the <input type="radio"> element.
 
Alternatively, use appropriate ARIA roles and attributes to code the custom radio buttons. Additionally, modify the scripts to ensure it's operable with the keyboard.
 
A working example of custom radio button can be found at:
https://www.w3.org/WAI/ARIA/apg/example-index/radio/radio.html

Code Snippet

<fieldset>  
<legend>Last modified within</legend>
<div>    
<input type="radio" id="a1" checked />    
<label for="a1">The past week</label>
 </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 Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest