Label name "Sort By" is not associated with the respective combo box.:A11y_Awesome AZD_Sort by_Label in name.

[Harika1702]

Tags:

#A11yTCS; #A11ySev3; #A11yMAS; #WCP; #ChromiumEdge; #FTP; #Win11; #awesome-azd-wcp; #Feature_AwesomeAZD_Web_Mar2024; #WCAG2.5.3; #Label in name; #DesktopWeb; #A11yWCAG2.1;

"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."

Environment Details:

Application: Awesome AZD
URL: https://azure.github.io/awesome-azd/
Chromium Edge: Version 123.0.2420.20
Windows 11 Enterprise.
Version 23H2 OS build 22631.2050.

Repro Steps:

1. Hit this URL: https://azure.github.io/awesome-azd/.
2. Tab till “Sort by" combo box.
3. Now verify the issue that Label name "Sort By" is not associated with the respective combo box.

Actual Result:

Label name "Sort By" is not associated with the respective combo box.

Expected Result:

Label name "Sort By" should be associated with the respective combo box.

User Impact:

Screen reader users will face difficulty to understand the purpose of the combo box if the label name is not associated.

Attachment:

348_A11y_Awesome.AZD_Sort.by_Label.in.name_NVDA.Mp4

348_A11y_Awesome.AZD_Sort.by_Label.in.name_Narrator.mp4