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 Access Controls Under Tooltip Flyout in Action Item Section. #4752

Open Anshi0420 opened 2 weeks ago

Anshi0420 commented 2 weeks ago

What happened?

Keyboard users cannot navigate to or interact with the controls located under the tooltip flyout within the Action Item section using keyboard controls as after activating the info icon and pressing tab key,flyout disappear instantly.

How do we reproduce the behavior?

Repro Steps:

  1. Open the above URL.
  2. Navigate to the info icons present in the Action items sections.
  3. Navigate to the info icon with keyboard and activate it.
  4. Navigate to the controls present inside it with tab key.
  5. Observe the issue.

What do you expect to happen?

Keyboard users should be able to navigate to and activate controls under the tooltip flyout within the Action Item section using standard keyboard controls, such as Tab to move focus and Enter or Spacebar to activate.

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 access the controls inside the info icon flyout.

User Impact: Users who rely on keyboard navigation, including individuals with motor disabilities or those who prefer not to use a mouse, are unable to access or utilize the controls located under the tooltip flyout.

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

Attachments:

https://github.com/pwa-builder/PWABuilder/assets/117908911/fb23fa58-afea-4203-a237-fea650b7fe38

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

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