search

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]: Keyboard Users Unable to Select or Deselect Action Icons Button. #4747

Open Anshi0420 opened 2 weeks ago

Anshi0420 commented 2 weeks ago

What happened?

Keyboard users cannot interact with the action icons button to select or deselect it using keyboard controls.

How do we reproduce the behavior?

Repro Steps:

  1. Open the above URL.
  2. Now navigate to the action icons buttons and select any action icons.
  3. Now try to select or deselect with keyboard these buttons.
  4. Observe the issue.

What do you expect to happen?

Keyboard users should be able to navigate to and activate the action icons button using standard keyboard controls, such as the Tab key to move focus and the Enter or Spacebar keys to toggle selection.

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

Additional context

Observation: Mouse users can select or deselect it by clicking.

User Impact: Users who rely solely on keyboard navigation, including individuals with motor disabilities or those who prefer not to use a mouse, are unable to access or utilize the functionality associated with the action icons button.

WCAG Reference: https://www.w3.org/WAI/WCAG22/Understanding/keyboard

Attachments:

https://github.com/pwa-builder/PWABuilder/assets/117908911/b26f3201-28f5-4b53-82ee-b9aaac408314

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 .