microsoft / moaw

Grab-and-go resources to help you learn new skills, with all the tools you need to create, host and share your own workshop
https://aka.ms/moaw
Creative Commons Attribution Share Alike 4.0 International
103 stars 77 forks source link

Narrator/NVDA not annoucing the page name when clicking on the "Previous" and "Next" page button: A11y_Maow_Follow a workshop_Previous_ScreenReader. #120

Closed AnKushSingh05 closed 4 months ago

AnKushSingh05 commented 5 months ago

GitHub Tags

A11yTCS; #A11ySev2; #ChromiumEdge; #WCAG1.3.1; #Win11; #GH_Maow_Web_Mar24; #DesktopWeb; #Maow; #Info and Relationships; #AILimited; #A11yMAS;#Closed;

Actual Result:

Narrator/NVDA not announcing the page name when clicking on the "Previous" and "Next" page button.

Expected Result:

Narrator/NVDA not announcing the page name when clicking on the "Previous" and "Next" page button.

Environment Details:

Application Name: Maow

URL: https://moaw.dev/catalog/

OS: Windows 11 Enterprise 23H2 (OS build 22631.3296) Microsoft Edge: Version 122.0.2365.92 (Official build) (64-bit) Narrator NVDA Version: 2023.3.4

Repro Steps:

  1. Hit the URL https://moaw.dev/workshop/create-workshop/
  2. Create A Workshop screen will get open.
  3. TAB till "Initial setup" control present in left navigation and press ENTER.
  4. TAB till "previous" control.
  5. Verify whether the Narrator/NVDA is announcing the page name when clicking on the "Previous" and "Next" page button

User Impact:

Screen reader will not know about the next or previous page name if screen reader is not announcing it.

Attachment:

NVDA: Bug_120 Narrator Bug_120_Narrator

sinedied commented 4 months ago

@AnKushSingh05 this one has been fixed, could you validate it?

AnKushSingh05 commented 3 months ago

Verified the issue in below environment https://moaw.dev/workshop/create-workshop/?step=2#conditional-content Issue is fixed. Hence closing the bug Screenshot (1960)

sinedied commented 3 months ago

:tada: This issue has been resolved in version 1.5.0 :tada:

The release is available on npm package (@latest dist-tag)

Your semantic-release bot :package::rocket: