pwa-builder / PWABuilder

The simplest way to create progressive web apps across platforms and devices. Start here. This repo is home to several projects in the PWABuilder family of tools.
https://docs.pwabuilder.com
Other
2.54k stars 273 forks source link

[PWA Builder]: Screen Reader Does Not Announce Selected State for Action Items Button. #4746

Open Anshi0420 opened 2 weeks ago

Anshi0420 commented 2 weeks ago

What happened?

When the Action items button is selected or activated, the screen reader does not announce its selected state.

How do we reproduce the behavior?

Repro Steps:

  1. Open the above URL.
  2. Navigate to the Action Items expandible button with keyboard.
  3. Turn on narrator using Ctrl + Win + enter.
  4. Now navigate to the action icons buttons and select any action icons.
  5. And now navigate to the selected action icons buttons again.
  6. Observe the narrator's announcement.

What do you expect to happen?

The screen reader should announce the selected state of the Action items button when it is activated or focused, providing auditory feedback to users who rely on screen readers for navigation.

What environment were you using?

Test Environment: OS Build: Windows 11 Enterprise Insider Preview 24H2 (26120.461) Edge Browser: Version 123.0.2400.1 (Official build) dev (64-bit) URL: https://www.pwabuilder.com/reportcard?site=https://webboard.app Screen Reader: Narrator

Additional context

Observation: Issue is also repro with NVDA.

User Impact: Users who depend on screen readers, such as individuals with visual impairments or certain cognitive disabilities, may not receive crucial feedback when interacting with the Action items button.

WCAG Reference: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value

Attachments:

https://github.com/pwa-builder/PWABuilder/assets/117908911/f0ca73bf-1f5b-443d-99bc-f1917c6a55f6

Code_Snip

microsoft-github-policy-service[bot] commented 12 hours ago

This issue has been marked as "needs attention 👋" since it has not been triaged for 7 days. Please triage the issue .