[Accessibility][Labels or Instructions - Create from scratch]: 'Create from Scratch/Template' labels are not associated with its radio buttons.

[ShellySoni]

User Experience:
Screen reader users will not get proper information and may get difficulty in performing the task efficiently if Labels are not associated with there respective radio buttons.

Test Environment:
Environment: Chromium Edge (Anaheim) + Narrator
Build Version: 2004 (OS Build 19564.1005)​​
Microsoft Edge Version: 82.0.425.0 (Official build) canary (64-bit)​
Test URL: http://localhost:3000/home

Repro Steps:

1. Open URL: http://localhost:3000/home
2. Navigate on homepage with tab key up to 'New' button and press enter on it.
3. 'Create from scratch' pop up will open.
4. Observe the issue on radio buttons.

Actual Result:
'Create from Scratch/Template' labels are not associated with its radio buttons. Screen reader only read as 'Radio button selected 1 of 2 required'.

Note:
Similar issue is observed for: Notifications (from left navigation bar) > Page. Page label is not associated with the page count. Please: Refer: Attachment.

Expected Result:
'Create from Scratch/Template' labels should be associated with its radio buttons. Screen reader should read as 'Create from Scratch/Template Radio button selected 1 of 2 required' so that user will get to know the complete information that what screen reader is reading.

MAS Reference:
https://microsoft.sharepoint.com/:w:/r/teams/msenable/_layouts/15/WopiFrame.aspx?sourcedoc={4b95a70d-258c-474a-820e-5c8b79d5c0bf}

Attachment:

MAS3.3.2_Create from Scratch&Template radio button_labels_K4W.zip
MAS3.3.2_Create from Scratch&Template radio button_labels_Screen reader.zip
MAS3.3.2_Create from Scratch&Template radio button labels_K4W.zip

Notification_PageLabel_K4W.zip

MAS3.3.2_Notification_Page Label Video (1).zip
MAS3.3.2_Notification_Page Label.zip

[corinagum]

Only .png in .zip, pasted above; no video file requiring download :)