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

Narrator/NVDA not announcing “Filter by” label name when focus lands on the first filter Checkbox.: A11y_Awesome AZD_ Template library_Search_Screen reader #345

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; #WCAG1.3.1; #Info and Relationship; #AILimited; #DesktopWeb; #Element:Label; #ScreenReader; #NVDA; #Narrator; #STP; #Chrome;

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

Actual Result:

Narrator/NVDA not announcing “Filter by” label name when focus lands on the first filter Checkbox.

Expected Results:

Narrator/NVDA should announce “Filter by” label name when focus lands on the first filter Checkbox.

Environment Details:

Application: Awesome AZD URL: https://azure.github.io/awesome-azd/ Chromium Edge: Version 123.0.2420.20 Chrome Version 122.0.6261.131 (Official Build) (64-bit) Narrator/NVDA Version 2023.3.3 Windows 11 Enterprise Version 23H2 OS build 22631.2050.

Repro Steps:

  1. Turn on narrator/NVDA.
  2. Hit this URL: https://azure.github.io/awesome-azd/.
  3. Tab till “Filter by” section.
  4. Tab till first filter checkbox.
  5. Now verify the issue that Narrator/NVDA not announcing “Filter by” label name when focus lands on the first filter Checkbox or not.

    User Impact:

    Screen reader users will not be able to know under which section they are navigating if the label name is not announced.

Attachment:

345_A11y_Code snippet

https://github.com/Azure/awesome-azd/assets/100270074/c624ba76-5122-4a6f-b39f-a7033b7b929c

https://github.com/Azure/awesome-azd/assets/100270074/a873d129-619a-4661-aefa-6f72066fde37