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.71k stars 280 forks source link

[PWA Builder]: Insufficient Target Hit Size for Links and Interactive Elements in PWA Builder Web App #4709

Closed Priyanshu073 closed 4 months ago

Priyanshu073 commented 5 months ago

What happened?

Links and interactive elements within the PWA Builder Web app have target hit sizes that are too small, requiring precise pointer or touch input for activation.

How do we reproduce the behavior?

  1. Open the PWA Builder URL in Anaheim dev browser.
  2. PWA Builder page will appear.
  3. Now run target size checker app, or check hit size of the interactive controls.
  4. Verify the issue.

What do you expect to happen?

Links and interactive elements should have adequate target hit sizes, allowing users to easily activate and interact with them using various input methods, including mouse, touch, or keyboard navigation.

What environment were you using?

OS: Windows 11(Version 24H2 (Build 26090.112) Browser: Edge Dev (Version 125.0.2506.0 (Official build) dev (64-bit)) URL: https://docs.pwabuilder.com/#/home/ User ID: V- Tool: Target Size app

Additional context

User Experience: Users with motor impairments, touchscreen devices, or those using alternative input methods may struggle to activate and interact with links and interactive elements due to their insufficient target hit sizes, resulting in a less accessible and frustrating user experience.

WCAG Reference: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html

Attachments: image (5) image (4)

jgw96 commented 5 months ago

Hey! So, I looked at the rules and these links are inline, and so would fall under the inline rule (the one highlighted in the attached photo. Am I wrong on that? image

jgw96 commented 5 months ago

@DhananjaySaini007 any feedback on the above?

Priyanshu073 commented 5 months ago

Hello @jgw96 ,

It will fall in the same rule.

jgw96 commented 5 months ago

@Priyanshu073 so this means then that I dont need to make any changes here then, right? As the links marked red are all inline links.

jgw96 commented 4 months ago

ping here

Priyanshu073 commented 4 months ago

Closing this issue as this is not a failure according to exception criteria of https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html