ampproject / ampproject/amphtml

[Story interactive] Touch target size

Open
#35,540 1 comment 0 reactions 0 assignees View on GitHub
P3: When Possible Stale Type: Feature Request WG: stories
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

### Description

Touch targets should be [at least 48 x 48 px](https://material.io/develop/web/supporting/touch-target) even in they appear smaller on screen.

Currently the element's touch target has no minimum which makes it harder to interact with on mobile devices.

Screen Shot 2021-08-05 at 10 49 30 AM

We need to consider this while maintaining the responsive design.
This needs to apply to the thumb and track.

### Alternatives Considered

N / A

### Additional Context

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by locating the Story interactive component's thumb and track implementation, then inspect how its responsive sizing is applied. The work is done when both touch targets provide at least 48 x 48 px without breaking the responsive design; verify the result on mobile-sized layouts.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.