search

Azure / awesome-azd

An awesome list that curates content (articles, videos, tutorials and docs) and templates (ready to use) for the Azure Developer CLI (`azd`). Plus a hosted azd-templates Gallery to simplify search & discovery
https://aka.ms/awesome-azd
MIT License
141 stars 70 forks source link

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

Open Harika1702 opened 3 months ago

Harika1702 commented 3 months ago

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_Code snippet

https://github.com/Azure/awesome-azd/assets/100270074/5435007c-0f0f-42dc-94f4-c976119e18ec

https://github.com/Azure/awesome-azd/assets/100270074/22ae68a8-bc83-4227-91b9-883305347688