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.

Home Page:https://docs.pwabuilder.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Priyanshu073 opened this issue · comments

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)

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

@DhananjaySaini007 any feedback on the above?

Hello @jgw96 ,

It will fall in the same rule.

@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.

ping here

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