[Screen Reader – Make Code - Create a project] Visual label and programmatic label are not same for 'Give your project a name' edit field under 'Create a project' pop-up.

[Shalini3457]

User Experience: If visual label of some controls is different from the aria label defined for them, the screen reader dependent user will get confused regarding the name of the controls. Thus, the user may get disoriented.

Note: User credentials should NOT be included in the bug.

Repro Steps:

1. Launch application URL.
2. Home page will open.
3. Navigate to the controls appearing under "My Project" section in Home page and select 'New Project' Button.
4. Navigate all controls under 'Create a Project' pop-up.
5. Open developer tool using F12 key and navigate to ‘Give your project a name' edit field.
6. Verify the issue.

Actual Result: Visual label and programmatic label are not same for 'Give your project a name' edit field under 'Create a project' pop-up.

Expected Result: Visual label and programmatic label should be same for 'Give your project a name' edit field under 'Create a project' pop-up, so that screen reader could read it correctly.

Note: Same issue appear under Chrome & Firefox.

WCAG Reference: WCAG 2.5.3 - Label in Name

Test Environments: Version: 20H2 (OS Build: 19042.508) Browser: Edge chromium DEV Build (Version 87.0.654.0), Firefox(75.0), Chrome Screen Reader: Narrator, NVDA, JAWS

[Shalini3457]

Labels:

A11yMAS;#Accessibility;#A11ySev2;#HCL;#HCL-MakeCode-New;#WCAG2.5.3;#Win10-Edge(Chromium)